在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 相关文章推荐
js onpropertychange输入框 事件获取属性
Mar 26 Javascript
javascript动态向网页中添加表格实现代码
Feb 19 Javascript
jQuery调取jSon数据并展示的方法
Jan 29 Javascript
js实现黑色简易的滑动门网页tab选项卡效果
Aug 31 Javascript
JS组件中bootstrap multiselect两大组件较量
Jan 26 Javascript
全面理解JavaScript中的闭包
May 12 Javascript
JQuery Mobile 弹出式登录框的实现方法
May 28 Javascript
微信小程序 欢迎界面开发的实例详解
Nov 30 Javascript
AngularJs定时器$interval 和 $timeout详解
May 25 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
Nov 11 Javascript
ES6知识点整理之函数对象参数默认值及其解构应用示例
Apr 17 Javascript
Element PageHeader页头的使用方法
Jul 26 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
2020年4月放送!《Princess Connect Re:Dive》制作组 & 角色声优公开!
2020/03/06 日漫
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
PHP详解ASCII码对照表与字符转换
2011/12/05 PHP
php多线程并发实现方法
2016/09/30 PHP
获取网站跟路径的javascript代码(站点及虚拟目录)
2009/10/20 Javascript
简单的前端js+ajax 购物车框架(入门篇)
2011/10/29 Javascript
js获取location.href的参数实例代码
2013/08/02 Javascript
js弹出层永远居中实现思路及代码
2013/11/29 Javascript
JavaScript初学者建议:不要去管浏览器兼容
2014/02/04 Javascript
javascript最基本的函数汇总
2015/06/25 Javascript
正则表达式优化JSON字符串的技巧
2015/12/24 Javascript
js css实现垂直方向自适应的三角提示菜单
2016/06/26 Javascript
jQuery.cookie.js实现记录最近浏览过的商品功能示例
2017/01/23 Javascript
利用Angular+Angular-Ui实现分页(代码加简单)
2017/03/10 Javascript
基于js文件加载优化(详解)
2018/01/03 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
2018/02/08 Javascript
vue实现移动端轻量日期组件不依赖第三方库的方法
2019/04/28 Javascript
vue中在vuex的actions中请求数据实例
2019/11/08 Javascript
vue自动添加浏览器兼容前后缀操作
2020/08/13 Javascript
[01:16:01]VGJ.S vs Mski Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
[49:02]KG vs Infamous 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
python创建列表并给列表赋初始值的方法
2015/07/28 Python
python自动化生成IOS的图标
2018/11/13 Python
解决Atom安装Hydrogen无法运行python3的问题
2019/08/28 Python
基于Python实现ComicReaper漫画自动爬取脚本过程解析
2019/11/11 Python
python 调用API接口 获取和解析 Json数据
2020/09/28 Python
pycharm配置python 设置pip安装源为豆瓣源
2021/02/05 Python
python爬虫爬取某网站视频的示例代码
2021/02/20 Python
基于Python-Pycharm实现的猴子摘桃小游戏(源代码)
2021/02/20 Python
HTML5实时语音通话聊天MP3压缩传输3KB每秒
2019/08/28 HTML / CSS
html5实现微信打飞机游戏
2014/03/27 HTML / CSS
世界上最好的精品店:Shoptiques
2018/02/05 全球购物
触摸春天教学反思
2014/02/03 职场文书
小学生暑假安全公约
2015/07/14 职场文书
MySQL普通表如何转换成分区表
2022/05/30 MySQL
MySQL分布式恢复进阶
2022/07/23 MySQL