前端小白採坑記,最近接到乙個專案,我通過直接引入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檔案中新增 讀取資料 方式二 安...