vue 獲取本地的json檔案內容

2021-09-22 20:02:09 字數 715 閱讀 6532

很多時候我們需要從本地讀取json檔案裡面的內容,但是找了很久我都沒有找到比較實用的;所以分享一下我的vue獲取本地json檔案的方法。

其實就是用模擬get請求的方法拿到json檔案,然後再解析,但是在這之前我們需要對請求頭做一下處理,否則拿不到檔案

const newinstance = this.$ajax.create(

});

然後就直接根據get請求獲取到我們需要的json檔案

/*../../請根據自己的實際路徑來獲取*/

newinstance.get('./../../static/json/guanzhou.json').then(res => )

const newinstance = this.$ajax.create(

});/*../../請根據自己的實際路徑來獲取*/

VUE 匯入本地json檔案

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

vue專案如何獲取本地json檔案資料

在專案根目錄有乙個static資料夾目錄,將所需要的json檔案放在該static目錄下,使用axios發起get請求獲取對應的json檔案資料 main.js import axios from axios 安裝axios後引入 vue.prototype.axios axios 將axios掛載...

js和vue專案獲取本地json檔案的幾種實現方法

getjson是jquery提供的讀取json格式檔案的方法 src script 然後就可以在script中使用getjson,getjson 格式如下 getjson userinfo.json function data 示例 上述提供了三種方式來讀取本地的json格式資料,還通過了vue的 ...