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


Posted in Javascript onJuly 30, 2020

在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操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript获得CheckBoxList选中的数量
Oct 27 Javascript
jquery 操作DOM的基本用法分享
Apr 05 Javascript
jquery实现图片滚动效果的简单实例
Nov 23 Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
May 14 Javascript
js实现的动画导航菜单效果代码
Sep 10 Javascript
ES2015 Symbol 一种绝不重复的值
Dec 25 Javascript
canvas 弹幕效果(实例分享)
Jan 11 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
Jan 15 Javascript
vue如何使用async、await实现同步请求
Dec 09 Javascript
Vue移动端项目实现使用手机预览调试操作
Jul 18 Javascript
微信小程序实现页面左右滑动
Nov 16 Javascript
微信小程序选择图片控件
Jan 19 Javascript
JavaScript JSON使用原理及注意事项
Jul 30 #Javascript
解决vue cli4升级sass-loader(v8)后报错问题
Jul 30 #Javascript
基于JavaScript实现猜数字游戏代码实例
Jul 30 #Javascript
如何用JS模拟实现数组的map方法
Jul 30 #Javascript
Vue性能优化的方法
Jul 30 #Javascript
vue props default Array或是Object的正确写法说明
Jul 30 #Javascript
Vue props中Object和Array设置默认值操作
Jul 30 #Javascript
You might like
phpmyadmin3 安装配置图解教程
2012/03/29 PHP
使用php语句将数据库*.sql文件导入数据库
2014/05/05 PHP
JavaScript让IE浏览器event对象符合W3C DOM标准
2009/11/24 Javascript
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
2012/07/31 Javascript
JS+DIV实现鼠标划过切换层效果的实例代码
2013/11/26 Javascript
Jquery操作js数组及对象示例代码
2014/05/11 Javascript
jQuery提交多个表单的小技巧
2014/07/27 Javascript
JavaScript中的console.log()函数详细介绍
2014/12/29 Javascript
JS实现文字放大效果的方法
2015/03/03 Javascript
手机端页面rem宽度自适应脚本
2015/05/20 Javascript
javascript对浅拷贝和深拷贝的详解
2016/10/14 Javascript
推荐10款扩展Web表单的JS插件
2017/12/25 Javascript
vue自定义树状结构图的实现方法
2020/10/18 Javascript
jquery实现抽奖功能
2020/10/22 jQuery
使用Python生成url短链接的方法
2015/05/04 Python
python3.5实现socket通讯示例(TCP)
2017/02/07 Python
浅谈Python对内存的使用(深浅拷贝)
2018/01/17 Python
pandas表连接 索引上的合并方法
2018/06/08 Python
对python制作自己的数据集实例讲解
2018/12/12 Python
django自定义模板标签过程解析
2019/12/14 Python
Spy++的使用方法及下载教程
2021/01/29 Python
CSS3实现DIV圆角效果完整代码
2012/10/10 HTML / CSS
HTML5实现的震撼3D焦点图动画的示例代码
2019/09/26 HTML / CSS
美国大尺码女装零售商:TORRID
2016/10/01 全球购物
澳大利亚牛仔裤商店:Just Jeans
2016/10/13 全球购物
特教教师先进事迹
2014/05/21 职场文书
幽默自我介绍演讲稿
2014/08/21 职场文书
新教师培训心得体会
2014/09/02 职场文书
银行奉献演讲稿
2014/09/16 职场文书
六查六看自查报告
2014/10/14 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
导游词之新疆尼雅遗址
2019/10/16 职场文书
2019年中学生的思想品德评语集锦
2019/12/19 职场文书
MySql开发之自动同步表结构
2021/05/28 MySQL
python中的mysql数据库LIKE操作符详解
2021/07/01 MySQL
常用的MongoDB查询语句的示例代码
2021/07/25 MongoDB