在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动态控制template显示隐藏方式
这篇文章主要介绍了Vue之el-select结合v-if动态控制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实现简易通讯录
这篇文章主要介绍了如何利用vue+vue-router+elementUI实现简易通讯录，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
vue2.0中自适应echarts图表、全屏插件screenfull的使用
这篇文章主要介绍了vue2.0中自适应echarts图表、全屏插件screenfull的使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
在我们用vue时,我们经常用到一个方法是this.$nextTick,相信你也用过,我常用的场景是在进行获取数据后,需要对新视图进行下一步操作或者其他操作时,发现获取不到dom,这篇文章主要给大家介绍了关于$nextTick的相关资料,需要的朋友可以参考下2021-07-07
Vue 的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。下面这篇文章主要给大家介绍了关于vue中各组件之间传递数据的方法示例，需要的朋友可以参考学习。2017-07-07
这篇文章主要为大家详细介绍了vue element-ui实现动态面包屑导航，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
这篇文章主要介绍了使用vue项目配置多个代理的注意点，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-07-07
最新评论