在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文本框(input textare)事件绑定方法教程
Apr 24 Javascript
jQuery根据纬度经度查看地图处理程序
May 08 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
Mar 10 Javascript
使用Bootstrap框架制作查询页面的界面实例代码
May 27 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
Nov 01 Javascript
React-Native左右联动List的示例代码
Sep 21 Javascript
vue实现图书管理demo详解
Oct 17 Javascript
实例详解vue中的$root和$parent
Apr 29 Javascript
vue使用微信JS-SDK实现分享功能
Aug 23 Javascript
mui js控制开关状态、修改switch开关的值方法
Sep 03 Javascript
一篇文章带你浅入webpack的DLL优化打包
Feb 20 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
Jan 03 Vue.js
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数据库抽象层 PDO
2011/05/07 PHP
jQuery EasyUI API 中文文档 - Documentation 文档
2011/09/29 Javascript
使用jquery animate创建平滑滚动效果(可以是到顶部、到底部或指定地方)
2014/05/27 Javascript
jQuery插件简单实现方法
2015/07/18 Javascript
JQuery点击事件回到页面顶部效果的实现代码
2016/05/24 Javascript
Angularjs中$http以post请求通过消息体传递参数的实现方法
2016/08/05 Javascript
原生js开发的日历插件
2017/02/04 Javascript
AngularJS实用基础知识_入门必备篇(推荐)
2017/07/10 Javascript
Vue2.0父组件与子组件之间的事件发射与接收实例代码
2017/09/19 Javascript
JS非行间样式获取函数的实例代码
2018/06/05 Javascript
vue将后台数据时间戳转换成日期格式
2019/07/31 Javascript
vue实现页面内容禁止选中功能,仅输入框和文本域可选
2019/11/09 Javascript
微信小程序button标签open-type属性原理解析
2020/01/21 Javascript
extjs4图表绘制之折线图实现方法分析
2020/03/06 Javascript
vue2.x数组劫持原理的实现
2020/04/19 Javascript
javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
2020/05/14 Javascript
微信小程序实现登录注册功能
2020/12/29 Javascript
[00:29]2019完美世界全国高校联赛(秋季赛)总决赛海口落幕
2019/12/10 DOTA
详解Python验证码识别
2016/01/25 Python
Python在Console下显示文本进度条的方法
2016/02/14 Python
深入学习Python中的上下文管理器与else块
2017/08/27 Python
详解python OpenCV学习笔记之直方图均衡化
2018/02/08 Python
解决python "No module named pip" 的问题
2018/10/13 Python
PIL.Image.open和cv2.imread的比较与相互转换的方法
2020/06/03 Python
HTML5开发动态音频图的实现
2020/07/02 HTML / CSS
美国五金商店:Ace Hardware
2018/03/27 全球购物
中学教师实习自我鉴定
2013/09/28 职场文书
水电站项目建议书
2014/05/12 职场文书
爱护公共设施的标语
2014/06/24 职场文书
颂军魂爱军营演讲稿
2014/09/13 职场文书
运动会广播稿200字
2014/10/18 职场文书
小学六一主持词开场白
2015/05/28 职场文书
Nginx优化服务之网页压缩的实现方法
2021/03/31 Servers
磁贴还没死, 微软Win11可修改注册表找回Win10开始菜单
2021/11/21 数码科技
避坑之 JavaScript 中的toFixed()和正则表达式
2022/04/19 Javascript
jdbc中自带MySQL 连接池实践示例
2022/07/23 MySQL