在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中关于indexOf的使用方法与问题小结
Aug 05 Javascript
myFocus slide3D v1.1.0 使用方法与下载
Jan 12 Javascript
Prototype的Class.create函数解析
Sep 22 Javascript
jQuery多级弹出菜单插件ZoneMenu
Dec 18 Javascript
js操作table元素实现表格行列新增、删除技巧总结
Nov 18 Javascript
基于javascript实现checkbox复选框实例代码
Jan 28 Javascript
js一维数组、多维数组和对象的混合使用方法
Apr 03 Javascript
倾力总结40条常见的移动端Web页面问题解决方案
May 24 Javascript
js防刷新的倒计时代码 js倒计时代码
Sep 06 Javascript
在vue组件中使用axios的方法
Mar 16 Javascript
vue倒计时刷新页面不会从头开始的解决方法
Mar 03 Javascript
toString.call()通用的判断数据类型方法示例
Aug 28 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
关于js和php对url编码的处理方法
2014/03/04 PHP
PHP XML和数组互相转换详解
2016/10/26 PHP
PHP编程实现脚本异步执行的方法
2017/08/09 PHP
CMSPRESS 10行代码搞定 PHP无限级分类2
2018/03/30 PHP
javascript innerHTML、outerHTML、innerText、outerText的区别
2008/11/24 Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
2012/02/27 Javascript
jquery入门—数据删除与隔行变色以及图片预览
2013/01/07 Javascript
jquery prop的使用介绍及与attr的区别
2013/12/19 Javascript
nodejs实现HTTPS发起POST请求
2015/04/23 NodeJs
JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】
2016/05/10 Javascript
js智能获取浏览器版本UA信息的方法
2016/08/08 Javascript
深入理解JavaScript定时机制
2016/10/27 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
2017/01/19 Javascript
Javascript面试经典套路reduce函数查重
2017/03/23 Javascript
ionic中的$ionicPlatform.ready事件中的通用设置
2017/06/11 Javascript
js模拟百度模糊搜索的实例
2017/08/04 Javascript
vue使用axios时关于this的指向问题详解
2017/12/22 Javascript
vue+element+Java实现批量删除功能
2019/04/08 Javascript
vue.js实现照片放大功能
2020/06/23 Javascript
[01:32]寻找你心中的那团火 DOTA2 TI9火焰传递活动今日开启
2019/05/16 DOTA
Python计算程序运行时间的方法
2014/12/13 Python
Python模块WSGI使用详解
2018/02/02 Python
详解使用django-mama-cas快速搭建CAS服务的实现
2019/10/30 Python
python实现高斯判别分析算法的例子
2019/12/09 Python
关于tf.TFRecordReader()函数的用法解析
2020/02/17 Python
python由已知数组快速生成新数组的方法
2020/04/08 Python
JD Sports丹麦:英国领先的运动时尚零售商
2020/11/24 全球购物
常用UNIX 命令(Linux的常用命令)
2013/07/10 面试题
新闻专业应届生求职信
2013/10/31 职场文书
运动会广播稿60字
2014/01/15 职场文书
会计顶岗实习心得
2014/01/25 职场文书
考试违纪检讨书
2014/02/02 职场文书
新任教师自我鉴定
2014/02/24 职场文书
2015年结对帮扶工作总结
2015/05/04 职场文书
学生安全责任协议书
2016/03/22 职场文书
SQLServer RANK() 排名函数的使用
2022/03/23 SQL Server