在vue-cli3中使用axios獲取本地json操作
更新時間：2020年07月30日 10:36:59 作者：zhaobao1830
這篇文章主要介紹了在vue-cli3中使用axios獲取本地json操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在vue-cli3中，公共文件夾由static變成了public
先把要訪問的json放到public文件夾下
使用axios的get方法獲取，不能用post，不然會報(bào)404
axios.get(`./china-main-city/100000.json`)
.then((data) => {
console.log(data)
})
補(bǔ)充知識：兩個不同的路由，引入相同的組件
從不同的按鈕進(jìn)入到詳情頁,兩個不同的路由,相同的組件
主要是從不同按鈕進(jìn)入不同路由的頁面,內(nèi)容一致,但是title不一樣,怎么寫
index.js
const businessDetail = _import('business/detail')
第一個頁面
第二個頁面
這就是不用的路由引入相同的path,當(dāng)然先可以新開頁面,再引入第一個頁面的內(nèi)容，但是沒有必要～～～～
以上這篇在vue-cli3中使用axios獲取本地json操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue swipe自定義組件實(shí)現(xiàn)輪播效果
這篇文章主要為大家詳細(xì)介紹了vue swipe自定義組件實(shí)現(xiàn)輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
如何使用Gitee Pages服務(wù) 搭建Vue項(xiàng)目
這篇文章主要介紹了如何使用Gitee Pages服務(wù) 搭建Vue項(xiàng)目，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了vue之prop與$emit的用法說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
Nuxt3項(xiàng)目搭建過程(Nuxt3+element-plus+scss詳細(xì)步驟)
這篇文章主要介紹了Nuxt3項(xiàng)目搭建（Nuxt3+element-plus+scss詳細(xì)步驟）,本次記錄一次使用Nuxt3搭建前端項(xiàng)目的過程，內(nèi)容包含Nuxt3的安裝，基于Vite腳手架（默認(rèn)）構(gòu)建的vue3項(xiàng)目，element-plus的安裝配置，scss的安裝，目錄結(jié)構(gòu)的創(chuàng)建和解釋，需要的朋友可以參考下2022-12-12
前端框架學(xué)習(xí)總結(jié)之Angular、React與Vue的比較詳解
這篇文章主要跟大家分享了關(guān)于前端框架中Angular.js、React.js與Vue.js的全方位比較，文章介紹的非常詳細(xì)，對大家進(jìn)行區(qū)分對比這三者之間的差異區(qū)別很有幫助，需要的朋友可以參考借鑒，下面來一起看看吧。2017-03-03
詳解vue beforeEach 死循環(huán)問題解決方法
這篇文章主要介紹了vue beforeEach 死循環(huán)問題解決方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
小編在開發(fā)使經(jīng)常會碰到全局切換問題，今天小編給大家?guī)硪黄坛探o大家介紹vue 全局環(huán)境切換問題，感興趣的朋友一起看看吧2019-10-10
vue路由傳參的使用場景一般都是應(yīng)用在父路由跳轉(zhuǎn)到子路由時,攜帶參數(shù)跳轉(zhuǎn),下面這篇文章主要給大家介紹了關(guān)于vue路由傳參方式的方式總結(jié)及獲取參數(shù)的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07
Vue?2?和?Vue?3?中?toRefs函數(shù)的不用用法
Vue?是一款流行的JavaScript?框架，用于構(gòu)建用戶界面，在Vue2和?Vue3中，都存在一個名為toRefs的函數(shù)，但其行為在這兩個版本中有所不同，這篇文章主要介紹了Vue2和Vue3中toRefs的區(qū)別,需要的朋友可以參考下2023-08-08
本文給大家介紹了vue項(xiàng)目中跨域問題的完美解決方案，通過更改header，使用http-proxy-middleware 代理解決（項(xiàng)目使用vue-cli腳手架搭建），具體內(nèi)容詳情大家跟隨腳本之家小編一起學(xué)習(xí)吧2018-06-06