在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 相关文章推荐
来自chinaz的ajax获取评论代码
May 03 Javascript
JS图片无缝滚动(简单利于使用)
Jun 17 Javascript
JavaScript定义变量和变量优先级问题探讨
Oct 11 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
Mar 11 Javascript
JavaScript中的getTime()方法使用详解
Jun 10 Javascript
JavaScript+html5 canvas实现本地截图教程
Apr 16 Javascript
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
Jun 12 Javascript
js操作DOM--添加、删除节点的简单实例
Jul 08 Javascript
vue中的数据绑定原理的实现
Jul 02 Javascript
监控微信小程序中的慢HTTP请求过程详解
Jul 05 Javascript
微信小程序 scroll-view的使用案例代码详解
Jun 11 Javascript
jQuery实现简单轮播图效果
Dec 27 jQuery
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
PHP获取指定函数定义在哪个文件中以及其所在的行号实例
2014/05/08 PHP
对比分析php中Cookie与Session的异同
2016/02/19 PHP
PHP按符号截取字符串的指定部分的实现方法
2018/09/10 PHP
javascript div 遮罩层封锁整个页面
2009/07/10 Javascript
javascript 流畅动画实现原理
2009/09/08 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
JavaScript中的原型和继承详解(图文)
2014/07/18 Javascript
使用jQuery实现input数值增量和减量的方法
2015/01/24 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
2016/11/25 Javascript
js实现字符全排列算法的简单方法
2017/05/01 Javascript
vue实现单选和多选功能
2017/08/11 Javascript
express框架下使用session的方法
2019/07/31 Javascript
vue登录注册实例详解
2019/09/14 Javascript
Vue快速实现通用表单验证的方法
2020/02/24 Javascript
前端性能优化建议
2020/09/17 Javascript
node.js通过Sequelize 连接MySQL的方法
2020/12/28 Javascript
[44:37]完美世界DOTA2联赛PWL S3 Forest vs access 第一场 12.11
2020/12/13 DOTA
小结Python用fork来创建子进程注意事项
2014/07/03 Python
简介Django框架中可使用的各类缓存
2015/07/23 Python
python3实现域名查询和whois查询功能
2018/06/21 Python
Python、 Pycharm、Django安装详细教程(图文)
2019/04/12 Python
python 哈希表实现简单python字典代码实例
2019/09/27 Python
Python range与enumerate函数区别解析
2020/02/28 Python
python实现引用其他路径包里面的模块
2020/03/09 Python
Python基于进程池实现多进程过程解析
2020/04/30 Python
selenium携带cookies模拟登陆CSDN的实现
2021/01/19 Python
HTML5触摸事件实现移动端简易进度条的实现方法
2018/05/04 HTML / CSS
泰国折扣酒店预订:Hotels2Thailand
2018/03/20 全球购物
美国山地自行车、露营、户外装备和服装购物网站:Aventuron
2018/05/05 全球购物
美国牛仔品牌:True Religion
2018/11/16 全球购物
Cult Gaia官网:美国生活方式品牌
2019/08/16 全球购物
Java面试题:说出如下代码的执行结果
2015/10/30 面试题
法律专业学生的自我评价
2014/02/07 职场文书
公务员考察材料范文
2014/12/23 职场文书
Win11任务栏太宽了怎么办?一招解决Win11任务栏太宽问题
2021/11/21 数码科技
MySQL解决Navicat设置默认字符串时的报错问题
2022/06/16 MySQL