在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查找某元素中的所有图片地址的方法
Jan 16 Javascript
js获取ajax返回值代码
Apr 30 Javascript
jQuery中extend()和fn.extend()方法详解
Jun 03 Javascript
老生常谈javascript中逻辑运算符&&和||的返回值问题
Apr 13 Javascript
JavaScript设计模式之策略模式详解
Jun 09 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
Aug 30 Javascript
原生JS实现移动端web轮播图详解(结合Tween算法造轮子)
Sep 10 Javascript
浅谈React + Webpack 构建打包优化
Jan 23 Javascript
redux-saga 初识和使用
Mar 10 Javascript
微信小程序实现原生步骤条
Jul 25 Javascript
基于ajax及jQuery实现局部刷新过程解析
Sep 12 jQuery
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
Jan 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
php将时间差转换为字符串提示
2011/09/07 PHP
PHP获取当前页面完整URL的实现代码
2013/06/10 PHP
PHP文件缓存smarty模板应用实例分析
2016/02/26 PHP
Laravel框架实现model层的增删改查(CURD)操作示例
2018/05/12 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
javascript实现表格排序 编辑 拖拽 缩放
2015/01/02 Javascript
js面向对象之静态方法和静态属性实例分析
2015/01/10 Javascript
jQuery定义背景动态切换效果的方法
2015/03/23 Javascript
JQuery中上下文选择器实现方法
2015/05/18 Javascript
Bootstrap每天必学之基础排版
2015/11/20 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
2015/12/03 Javascript
Angularjs中controller的三种写法分享
2016/09/21 Javascript
基于vue的短信验证码倒计时demo
2017/09/13 Javascript
浅谈js的解析顺序 作用域 严格模式
2017/10/23 Javascript
vue.js整合vux中的上拉加载下拉刷新实例教程
2018/01/09 Javascript
nodejs实现获取本地文件夹下图片信息功能示例
2019/06/22 NodeJs
Layui事件监听的实现(表单和数据表格)
2019/10/17 Javascript
详解如何修改 node_modules 里的文件
2020/05/22 Javascript
[01:05]DOTA2完美大师赛趣味视频之选手教你打职业
2017/11/23 DOTA
[54:05]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第一场 1月9日
2021/03/11 DOTA
Python 探针的实现原理
2016/04/23 Python
浅谈python函数之作用域(python3.5)
2017/10/27 Python
Python简单计算给定某一年的某一天是星期几示例
2018/06/27 Python
对python周期性定时器的示例详解
2019/02/19 Python
Python之Class&Object用法详解
2019/12/25 Python
python_array[0][0]与array[0,0]的区别详解
2020/02/18 Python
Python列表切片常用操作实例解析
2020/03/10 Python
使用pygame编写Flappy bird小游戏
2020/03/14 Python
Python requests上传文件实现步骤
2020/09/15 Python
当一个对象被当作参数传递到一个方法后,此方法可改变这个对象的属性,并可返回变化后的结果,那么这里到底是值传递还是引用传递?
2014/09/09 面试题
少先队工作总结2015
2015/05/13 职场文书
反腐倡廉影片观后感
2015/06/08 职场文书
开学典礼致辞
2015/07/29 职场文书
Python Pandas知识点之缺失值处理详解
2021/05/11 Python
python数据可视化JupyterLab实用扩展程序Mito
2021/11/20 Python
Python实现视频中添加音频工具详解
2021/12/06 Python