在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 陷阱 window全局对象
Nov 26 Javascript
JavaScript单元测试ABC
Apr 12 Javascript
移动Web中图片自适应的两种JavaScript解决方法
Jun 18 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
Oct 16 Javascript
JavaScript实现标题栏文字轮播效果代码
Oct 24 Javascript
原生js和jQuery实现淡入淡出轮播效果
Dec 25 Javascript
你不知道的高性能JAVASCRIPT
Jan 18 Javascript
基于JavaScript实现鼠标箭头移动图片跟着移动
Aug 30 Javascript
jQuery实现简单漂亮的Nav导航菜单效果
Mar 29 jQuery
Vue 与 Vuex 的第一次接触遇到的坑
Aug 16 Javascript
详解 微信小程序开发框架(MINA)
May 17 Javascript
vue如何在项目中调用腾讯云的滑动验证码
Jul 15 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
PHP读取ACCESS数据到MYSQL的代码
2011/05/11 PHP
关于IIS php调用com组件的权限问题
2012/01/11 PHP
PHP 将逗号、空格、回车分隔的字符串转换为数组的函数
2012/06/07 PHP
PHP下使用CURL方式POST数据至API接口的代码
2013/02/14 PHP
php数组合并array_merge()函数使用注意事项
2014/06/19 PHP
php实现获取文件mime类型的方法
2015/02/11 PHP
PHP中类与对象功能、用法实例解读
2020/03/27 PHP
html+javascript实现可拖动可提交的弹出层对话框效果
2013/08/05 Javascript
JS 实现导航栏悬停效果(续2)
2013/09/24 Javascript
JS 使用for循环遍历子节点查找元素
2014/09/06 Javascript
javascript定义变量时加var与不加var的区别
2014/12/22 Javascript
JavaScript如何禁止Backspace键
2015/12/02 Javascript
jQuery Ajax页面局部加载方法汇总
2016/06/02 Javascript
JavaScript获取当前url根目录(路径)
2016/06/17 Javascript
Bootstrap CSS布局之按钮
2016/12/17 Javascript
js实现登录框鼠标拖拽效果
2017/03/09 Javascript
vue中配置mint-ui报css错误问题的解决方法
2017/10/11 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
2019/04/29 Javascript
微信小程序使用车牌号输入法的示例代码
2019/08/20 Javascript
微信小程序修改数组长度的问题的解决
2019/12/17 Javascript
小程序如何写动态标签的实现方法
2020/02/05 Javascript
python基础教程之自定义函数介绍
2014/08/29 Python
python中获得当前目录和上级目录的实现方法
2017/10/12 Python
python 将json数据提取转化为txt的方法
2018/10/26 Python
python代码实现TSNE降维数据可视化教程
2020/02/28 Python
python 图像判断,清晰度(明暗),彩色与黑白实例
2020/06/04 Python
Linux内核的同步机制是什么?主要有哪几种内核锁
2013/01/03 面试题
六一儿童节主持词
2014/03/21 职场文书
幼儿园教师演讲稿
2014/05/06 职场文书
领导班子四风对照检查材料
2014/09/23 职场文书
交通局领导班子群众路线教育实践活动对照检查材料思想汇报
2014/10/09 职场文书
2014年小学班主任工作总结
2014/11/08 职场文书
2014年世界艾滋病日宣传活动总结
2014/11/18 职场文书
python opencv人脸识别考勤系统的完整源码
2021/04/26 Python
分享Python获取本机IP地址的几种方法
2022/03/17 Python
JavaScript设计模式之原型模式详情
2022/06/21 Javascript