在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 相关文章推荐
jquery radio 操作代码
Mar 16 Javascript
jQuery实现的五子棋游戏实例
Jun 13 Javascript
JavaScript获取function所有参数名的方法
Oct 30 Javascript
jQuery插件EasyUI校验规则 validatebox验证框
Nov 29 Javascript
jQuery实现获取绑定自定义事件元素的方法
Dec 02 Javascript
深入理解js函数的作用域与this指向
May 28 Javascript
基于gulp合并压缩Seajs模块的方式说明
Jun 14 Javascript
canvas 画布在主流浏览器中的尺寸限制详细介绍
Dec 15 Javascript
百度地图JavascriptApi Marker平滑移动及车头指向行径方向
Mar 13 Javascript
如何编写一个完整的Angular4 FormText 组件
Nov 18 Javascript
微信小程序API—获取定位的详解
Apr 30 Javascript
vue控制多行文字展开收起的实现示例
Oct 11 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
一个连接两个不同MYSQL数据库的PHP程序
2006/10/09 PHP
关于在php.ini中添加extension=php_mysqli.dll指令的说明
2007/06/14 PHP
php中cookie的作用域
2008/03/27 PHP
CodeIgniter框架URL路由总结
2014/09/03 PHP
php_imagick实现图片剪切、旋转、锐化、减色或增加特效的方法
2014/12/15 PHP
codeigniter中实现一次性加载多个view的方法
2015/03/20 PHP
PHP中的类型约束介绍
2015/05/11 PHP
php 删除一维数组中某一个值元素的操作方法
2018/02/01 PHP
JQUERY操作JSON实例代码
2010/02/09 Javascript
基于jquery的让textarea自适应高度的插件
2010/08/03 Javascript
javascript学习笔记(十九) 节点的操作实现代码
2012/06/20 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
2012/11/13 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
2013/04/07 Javascript
鼠标滚轴控制文本框值的JS代码
2013/11/19 Javascript
一款由jquery实现的整屏切换特效
2014/09/15 Javascript
Node.js node-schedule定时任务隔多少分钟执行一次的方法
2015/02/10 Javascript
javascript实现的上下无缝滚动效果
2016/09/19 Javascript
JavaScript箭头(arrow)函数详解
2017/06/04 Javascript
Angular Material Icon使用详解
2018/11/07 Javascript
react 组件传值的三种方法
2019/06/03 Javascript
浅谈Node新版本13.2.0正式支持ES Modules特性
2019/11/25 Javascript
Vue将props值实时传递 并可修改的操作
2020/08/09 Javascript
[43:32]Winstrike vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
Python正则表达式匹配HTML页面编码
2015/04/08 Python
Python tornado队列示例-一个并发web爬虫代码分享
2018/01/09 Python
PyCharm如何导入python项目的方法
2020/02/06 Python
python GUI库图形界面开发之PyQt5多行文本框控件QTextEdit详细使用方法实例
2020/02/28 Python
Python Dict找出value大于某值或key大于某值的所有项方式
2020/06/05 Python
用python对oracle进行简单性能测试
2020/12/05 Python
英国一家专门出售品牌鞋子的网站:Allsole
2016/08/07 全球购物
MVMT手表官方网站:时尚又实惠的高品质手表
2016/12/04 全球购物
教育系毕业生中文求职信范文
2013/10/06 职场文书
公司行政专员岗位职责
2014/08/24 职场文书
运动会跳远广播稿5篇
2014/09/17 职场文书
大学生自我评价200字(4篇)
2014/09/17 职场文书
小孩不笨观后感
2015/06/03 职场文书