vue-cli3中如何使用axios獲取本地json

發(fā)布時間：2020-07-30 13:40:26 來源：億速云閱讀：427 作者：小豬欄目：開發(fā)技術(shù)

這篇文章主要為大家展示了vue-cli3中如何使用axios獲取本地json，內(nèi)容簡而易懂，希望大家可以學(xué)習(xí)一下，學(xué)習(xí)完之后肯定會有收獲的，下面讓小編帶大家一起來看看吧。

在vue-cli3中，公共文件夾由static變成了public

先把要訪問的json放到public文件夾下

使用axios的get方法獲取，不能用post，不然會報404

vue-cli3中如何使用axios獲取本地json

axios.get(`./china-main-city/100000.json`)
     .then((data) => {
      console.log(data)
     })

補充知識：兩個不同的路由，引入相同的組件

從不同的按鈕進入到詳情頁,兩個不同的路由,相同的組件

vue-cli3中如何使用axios獲取本地json

主要是從不同按鈕進入不同路由的頁面,內(nèi)容一致,但是title不一樣,怎么寫

index.js

const businessDetail = _import('business/detail')

第一個頁面

vue-cli3中如何使用axios獲取本地json

第二個頁面

vue-cli3中如何使用axios獲取本地json

這就是不用的路由引入相同的path,當(dāng)然先可以新開頁面,再引入第一個頁面的內(nèi)容，但是沒有必要～～～～

以上就是關(guān)于vue-cli3中如何使用axios獲取本地json的內(nèi)容，如果你們有學(xué)習(xí)到知識或者技能，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

猜你喜歡