VUE 匯入本地json檔案

2021-09-25 07:33:17 字數 340 閱讀 8168

同樣的問題已經碰見了兩三次了,都是扒以前的**,這次做個記錄

1.直接匯入,直接使用

在需要使用的vue檔案中 

import  名稱  from  'json檔案位址'

宣告乙個變數接收,例如:

let data = 名稱;

然後就可以使用了,之前好像測試過放在static下,打包後訪問不了,但具體是啥情況已經記不清了,反正最好是放在assets下

2.還有一種方法是 匯入vue-resouce,

然後用this.$http.get/post的方式進行請求,

方式方法和axios請求介面差不多,直接請求本地就送檔案路徑,就可以獲取。

vue 獲取本地的json檔案內容

很多時候我們需要從本地讀取json檔案裡面的內容,但是找了很久我都沒有找到比較實用的 所以分享一下我的vue獲取本地json檔案的方法。其實就是用模擬get請求的方法拿到json檔案,然後再解析,但是在這之前我們需要對請求頭做一下處理,否則拿不到檔案 const newinstance this.a...

vue 載入本地json檔案的方式

前端小白採坑記,最近接到乙個專案,我通過直接引入json資料的方式進行的,前端這邊做好頁面之後打包發給總監,總監這邊再把介面的資料和我自定義的json資料替換掉,可是替換之後發現介面的資料並沒有把我自定義的 資料替換掉。特記錄一下警示自己。用到的技術是vue element echars 通過imp...

Vue請求本地JSON檔案的方法

使用cli2.0生成的專案,靜態檔案是static檔案。使用cli3.0生成的專案,靜態檔案變成了public檔案。把json檔案放到靜態檔案裡面,使用的時候vue會預設請求到靜態檔案裡面。方式一 安裝 axios npm install axios 在main.js檔案中新增 讀取資料 方式二 安...