在vue-cli3中使用axios獲取本地json操作
更新時間：2020年07月30日 10:36:59 作者：zhaobao1830
這篇文章主要介紹了在vue-cli3中使用axios獲取本地json操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在vue-cli3中，公共文件夾由static變成了public
先把要訪問的json放到public文件夾下
使用axios的get方法獲取，不能用post，不然會報404
axios.get(`./china-main-city/100000.json`)
.then((data) => {
console.log(data)
})
補充知識：兩個不同的路由，引入相同的組件
從不同的按鈕進入到詳情頁,兩個不同的路由,相同的組件
主要是從不同按鈕進入不同路由的頁面,內容一致,但是title不一樣,怎么寫
index.js
const businessDetail = _import('business/detail')
第一個頁面
第二個頁面
這就是不用的路由引入相同的path,當然先可以新開頁面,再引入第一個頁面的內容，但是沒有必要～～～～
以上這篇在vue-cli3中使用axios獲取本地json操作就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
Vue之el-select結合v-if動態(tài)控制template顯示隱藏方式
這篇文章主要介紹了Vue之el-select結合v-if動態(tài)控制template顯示隱藏方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要介紹了vue diff算法的使用，幫助大家更好的理解和學習使用vue，感興趣的朋友可以了解下2021-04-04
Vue報錯:TypeError:Cannot create property '
這篇文章主要介紹了Vue報錯:TypeError:Cannot create property 'xxx' on string 'xxxx'問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
插槽（Slot）是Vue提出來的一個概念，正如名字一樣，插槽用于決定將所攜帶的內容，插入到指定的某個位置，從而使模板分塊，具有模塊化的特質和更大的重用性。2020-02-02
如何利用vue+vue-router+elementUI實現(xiàn)簡易通訊錄
這篇文章主要介紹了如何利用vue+vue-router+elementUI實現(xiàn)簡易通訊錄，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
vue2.0中自適應echarts圖表、全屏插件screenfull的使用
這篇文章主要介紹了vue2.0中自適應echarts圖表、全屏插件screenfull的使用,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
在我們用vue時,我們經常用到一個方法是this.$nextTick,相信你也用過,我常用的場景是在進行獲取數據后,需要對新視圖進行下一步操作或者其他操作時,發(fā)現(xiàn)獲取不到dom,這篇文章主要給大家介紹了關于$nextTick的相關資料,需要的朋友可以參考下2021-07-07
Vue 的組件作用域都是孤立的，不允許在子組件的模板內直接引用父組件的數據。必須使用特定的方法才能實現(xiàn)組件之間的數據傳遞。下面這篇文章主要給大家介紹了關于vue中各組件之間傳遞數據的方法示例，需要的朋友可以參考學習。2017-07-07
vue element-ui實現(xiàn)動態(tài)面包屑導航
這篇文章主要為大家詳細介紹了vue element-ui實現(xiàn)動態(tài)面包屑導航，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要介紹了使用vue項目配置多個代理的注意點，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-07-07