第一種方法
1、直接使用import 進行引入第二種方法import *** from 『路徑』
2、通過ajax請求import from 『./request』; (其中request為axios的封裝)
export const apitabledata = ({}) => get(』/data/table.json』,{}) //這兩句是在介面的統一封裝中api.js
//在頁面中使用
import from '../utils/api';
created(),
methods:).then(res => )
// .catch(err =>)
}}
==注:==如果是vue-cli 3.0 json檔案要放在public下,如果是vue 3.0 以下 json檔案要放在static下(json資料屬於靜態資源檔案) Vue請求本地JSON檔案的方法
使用cli2.0生成的專案,靜態檔案是static檔案。使用cli3.0生成的專案,靜態檔案變成了public檔案。把json檔案放到靜態檔案裡面,使用的時候vue會預設請求到靜態檔案裡面。方式一 安裝 axios npm install axios 在main.js檔案中新增 讀取資料 方式二 安...
VUE 匯入本地json檔案
同樣的問題已經碰見了兩三次了,都是扒以前的 這次做個記錄 1.直接匯入,直接使用 在需要使用的vue檔案中 import 名稱 from json檔案位址 宣告乙個變數接收,例如 let data 名稱 然後就可以使用了,之前好像測試過放在static下,打包後訪問不了,但具體是啥情況已經記不清了,...
vue 獲取本地的json檔案內容
很多時候我們需要從本地讀取json檔案裡面的內容,但是找了很久我都沒有找到比較實用的 所以分享一下我的vue獲取本地json檔案的方法。其實就是用模擬get請求的方法拿到json檔案,然後再解析,但是在這之前我們需要對請求頭做一下處理,否則拿不到檔案 const newinstance this.a...