Vue請求本地JSON檔案的方法

2022-09-22 02:03:09 字數 646 閱讀 4064

使用cli2.0生成的專案,靜態檔案是static檔案。

使用cli3.0生成的專案,靜態檔案變成了public檔案。

把json檔案放到靜態檔案裡面,使用的時候vue會預設請求到靜態檔案裡面。 

方式一:

安裝 axios

npm install axios

在main.js檔案中新增:

讀取資料:

方式二:

安裝 vue-resource

import vueresource from 'vue-resource'

在main.js檔案中新增:

import vueresource from 'vue-resource'vue.use(vueresource)

讀取資料:

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

第一種方法1 直接使用import 進行引入 import from 路徑 第二種方法2 通過ajax請求 import from request 其中request為axios的封裝 export const apitabledata get data table.json 這兩句是在介面的統一封...

VUE 匯入本地json檔案

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

vue 獲取本地的json檔案內容

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