vue 載入本地json檔案的方式

2021-10-08 07:56:06 字數 790 閱讀 6198

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

通過import直接引入,直接呼叫data即可獲取json檔案的內容

import data from '../../public/json/about.json'

1.在http.js中新增乙個請求方法`

export

const

$getjson

=function

(method)).

then

(res =>).

catch

(error =>)}

)

2.介面的封裝檔案中引入$getjson請求方式

;//獲取json資料

const

geth5staticjson

= data =>

3.在組建中使用

this

.$api.user.

geth5staticjson()

.then

(res =>

);

VUE 匯入本地json檔案

同樣的問題已經碰見了兩三次了,都是扒以前的 這次做個記錄 1.直接匯入,直接使用 在需要使用的vue檔案中 import 名稱 from json檔案位址 宣告乙個變數接收,例如 let data 名稱 然後就可以使用了,之前好像測試過放在static下,打包後訪問不了,但具體是啥情況已經記不清了,...

vue 獲取本地的json檔案內容

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

Vue請求本地JSON檔案的方法

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