在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
原生Js实现按的数据源均分时间点幻灯片效果(已封装)
Dec 28 Javascript
IE图片缓存document.execCommand("BackgroundImageCache",false,true)
Mar 01 Javascript
IE中jquery.form中ajax提交没反应解决方法分享
Sep 11 Javascript
JS中 用户登录系统的解决办法
Apr 15 Javascript
JS使用for循环遍历Table的所有单元格内容
Aug 21 Javascript
js实现背景图片感应鼠标变化的方法
Feb 28 Javascript
JS查找字符串中出现次数最多的字符
Sep 05 Javascript
jQuery网页定位导航特效实现方法
Dec 19 Javascript
jQuery的ajax中使用FormData实现页面无刷新上传功能
Jan 16 Javascript
详解Vue后台管理系统开发日常总结(组件PageHeader)
Nov 01 Javascript
Element Rate 评分的使用方法
Jul 27 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
DC游戏Steam周三特惠 《蝙蝠侠》阿卡姆系列平史低
2020/04/09 欧美动漫
谈谈新手如何学习PHP 默默经典版本
2009/08/04 PHP
phpmyadmin 常用选项设置详解版
2010/03/07 PHP
php中用于检测一个地理IP地址是否可用的代码
2012/02/19 PHP
php有道翻译api调用方法实例
2014/12/22 PHP
PHP 数组基本操作小结(推荐)
2016/06/13 PHP
php语言注释,单行注释和多行注释
2018/01/21 PHP
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
ajax中get和post的说明及使用与区别
2012/12/23 Javascript
JS按字节截取字符长度实例
2013/11/20 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
2014/01/02 Javascript
javascript动态控制服务器控件实例
2014/09/05 Javascript
基于jQuery实现文本框缩放以及上下移动功能
2014/11/24 Javascript
node.js中的http.createServer方法使用说明
2014/12/14 Javascript
JavaScript中连接操作Oracle数据库实例
2015/04/02 Javascript
详解JavaScript中的事件流和事件处理程序
2016/05/20 Javascript
Node.js的Web模板引擎ejs的入门使用教程
2016/06/06 Javascript
JQuery.dataTables表格插件添加跳转到指定页
2017/06/09 jQuery
把JavaScript代码改成ES6语法不完全指南(分享)
2017/09/10 Javascript
Vue2 配置 Axios api 接口调用文件的方法
2017/11/13 Javascript
详解使用vue-cli脚手架初始化Vue项目下的项目结构
2018/03/08 Javascript
详解node字体压缩插件font-spider的用法
2018/09/28 Javascript
vue路由切换时取消之前的所有请求操作
2020/09/01 Javascript
Python函数的周期性执行实现方法
2016/08/13 Python
Django admin.py 在修改/添加表单界面显示额外字段的方法
2019/08/22 Python
python实现银行实战系统
2020/02/26 Python
Python模拟伯努利试验和二项分布代码实例
2020/05/27 Python
英国时尚配饰、珠宝和服装网站:KJ Beckett
2020/01/23 全球购物
SHEIN美国:购买时髦的女性服装
2020/12/02 全球购物
C#基础面试题
2016/10/17 面试题
园林资料员岗位职责
2013/12/30 职场文书
本科毕业自我鉴定
2014/03/20 职场文书
国际贸易专业求职信
2014/06/04 职场文书
党员四风自我剖析材料
2014/10/07 职场文书
年会主持人开场白台词
2015/05/29 职场文书
利用 JavaScript 构建命令行应用
2021/11/17 Javascript