Vue中使用本地json資料

2022-06-11 06:33:16 字數 303 閱讀 3574

專案中有有乙個地區介面,伺服器原因請求速度很慢很慢,於是考慮將地區介面的資料設定為本地的json檔案。大大提公升請求速度

一、首先建立乙個json檔案,將資料放進去,一定要確保格式正確我的是這樣的,把json檔案放在static資料夾下,(放到static資料夾下)

二、像使用axios一樣去呼叫json檔案

三,呼叫json檔案如下操作,其中注意我用的是/絕對路徑,不用寫什麼localhost,最後部署到伺服器上還是要這個絕對路徑

mounted(),

methods: )

},}

vue 3 0中使用本地的json檔案

1.main.js檔案中 import axios from axios axios.get api city then data console.log data api city是根據自己的檔案設定的。2.vue.config.js const express require express v...

Ajax中使用Json傳遞資料

首先在action中將ques物件放進json物件中 jsonobject obj new jsonobject obj.put quesid ques.get quesid tostring obj.put content ques.get content tostring obj.put opt...

VUE 匯入本地json檔案

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