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

2022-06-27 04:09:10 字數 594 閱讀 2458

在專案根目錄有乙個static資料夾目錄,將所需要的json檔案放在該static目錄下,使用axios發起get請求獲取對應的json檔案資料

main.js

import axios from 'axios'  // 安裝axios後引入

vue.prototype.$axios = axios // 將axios掛載到原型上方便使用

test.vue

this.$axios.get('/static/test.json').then(res => )
在vue-cli3.0建立的專案這樣請求會報404錯誤,原因是vue-cli3.0之後建立的專案靜態資源都放在了根目錄下的public目錄下,因此需要將json檔案建在public目錄下,

請求的位址需要改變,如下:

test.vue

this.$axios.get('/test.json').then(res => )

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

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

vue 獲取本地的json檔案內容

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

vue接收json資料 VUE獲取JSON資料問題

我想用vue獲取json中的conversation陣列中最後一項中的content的資料,但是我的方法渲染失敗了,求解。json資料部分 如果換成 則瀏覽器顯示最後乙個物件的 speaker a content 說的不錯 script部分 import axios from axios expor...