在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实现的立体文字渐变效果
May 17 Javascript
javascript 寻找错误方法整理
Jun 15 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
Dec 17 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
May 14 Javascript
使用jquery如何获取时间
Oct 13 Javascript
jquery dialog获取焦点的方法
Feb 09 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
Feb 24 Javascript
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
Mar 01 Javascript
JavaScript编写的网页小游戏,很给力
Aug 18 Javascript
JS中关于正则的巧妙操作
Aug 31 Javascript
vue兄弟组件传递数据的实例
Sep 06 Javascript
解决nuxt页面中mounted、created、watch执行两遍的问题
Nov 05 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使用array_multisort对多个数组或多维数组进行排序
2014/12/16 PHP
php计算多维数组中所有值总和的方法
2015/06/24 PHP
详解PHP对数组的定义以及数组的创建方法
2015/11/27 PHP
PHP使用FFmpeg获取视频播放总时长与码率等信息
2016/09/13 PHP
[原创]php使用strpos判断字符串中数字类型子字符串出错的解决方法
2017/04/01 PHP
[原创]PHP实现生成vcf vcard文件功能类定义与使用方法详解【附demo源码下载】
2017/09/02 PHP
PHP调用其他文件中的类
2018/04/02 PHP
PHP实现数组根据某个单元字段排序操作示例
2018/08/01 PHP
php-fpm.conf配置文件中文说明详解及重要参数说明
2018/10/10 PHP
ASP小贴士/ASP Tips javascript tips可以当桌面
2009/12/10 Javascript
javascript 精粹笔记
2010/05/09 Javascript
Extjs中常用表单介绍与应用
2010/06/07 Javascript
如何设置iframe高度自适应在跨域情况下的可用方法
2013/09/06 Javascript
jQuery计算文本框字数及限制文本框字数的方法
2016/03/01 Javascript
javascript获取select标签选中的值
2016/06/04 Javascript
js完整倒计时代码分享
2016/09/18 Javascript
bootstrap suggest下拉框使用详解
2017/04/10 Javascript
AngularJS表单验证功能分析
2017/05/26 Javascript
使用JS和canvas实现gif动图的停止和播放代码
2017/09/01 Javascript
解决修复npm安装全局模块权限的问题
2018/05/17 Javascript
Electron + vue 打包桌面操作流程详解
2019/06/24 Javascript
javascript中闭包closure的深入讲解
2021/03/03 Javascript
[02:29]大剑、皮鞭、女装,这届DOTA2勇士令状里都有
2020/07/17 DOTA
Python+tkinter使用80行代码实现一个计算器实例
2018/01/16 Python
python如何把嵌套列表转变成普通列表
2018/03/20 Python
python3 中文乱码与默认编码格式设定方法
2018/10/31 Python
python使用matplotlib画柱状图、散点图
2019/03/18 Python
Python数据类型之List列表实例详解
2019/05/08 Python
python过滤中英文标点符号的实例代码
2019/07/15 Python
利用python实现PSO算法优化二元函数
2019/11/13 Python
Python PIL库图片灰化处理
2020/04/07 Python
有趣、实用和鼓舞人心的产品:Inspire Uplift
2019/11/05 全球购物
六一节目主持词
2014/04/01 职场文书
三关爱志愿服务活动方案
2014/08/17 职场文书
联村联户简报
2015/07/21 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书