vue中請求本地json檔案的問題

2021-10-23 01:40:48 字數 520 閱讀 6569

第一種方法

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...