1. 程式人生 > 程式設計 >在vue-cli3中使用axios獲取本地json操作

在vue-cli3中使用axios獲取本地json操作

在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操作

在vue-cli3中使用axios獲取本地json操作

在vue-cli3中使用axios獲取本地json操作

主要是從不同按鈕進入不同路由的頁面,內容一致,但是title不一樣,怎麼寫

index.js

const businessDetail = _import('business/detail')

第一個頁面

在vue-cli3中使用axios獲取本地json操作

第二個頁面

在vue-cli3中使用axios獲取本地json操作

這就是不用的路由引入相同的path,當然先可以新開頁面,再引入第一個頁面的內容,但是沒有必要~~~~

以上這篇在vue-cli3中使用axios獲取本地json操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。