在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的仿flash的广告轮播
Nov 05 Javascript
jQuery阻止冒泡和HTML默认操作
Nov 17 Javascript
jQuery中[attribute=value]选择器用法实例
Dec 31 Javascript
基于Jquery和html5的7款个性化地图插件
Nov 17 Javascript
jQuery四种选择器使用及示例
Jun 05 Javascript
vue利用better-scroll实现轮播图与页面滚动详解
Oct 20 Javascript
基于JavaScript实现一个简单的Vue
Sep 26 Javascript
微信小程序基础教程之worker线程的使用方法
Jul 15 Javascript
基于Vue中使用节流Lodash throttle详解
Oct 30 Javascript
vue实现将一个数组内的相同数据进行合并
Nov 07 Javascript
修改vue源码实现动态路由缓存的方法
Jan 21 Javascript
vuex 多模块时 模块内部的mutation和action的调用方式
Jul 24 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面向对象全攻略 (十二) 抽象方法和抽象类
2009/09/30 PHP
php判断电脑访问、手机访问的例子
2014/05/10 PHP
用 Composer构建自己的 PHP 框架之设计 MVC
2014/10/30 PHP
php强制运行广告的方法
2014/12/01 PHP
smarty实现多级分类的方法
2014/12/05 PHP
基于PHP的加载类操作以及其他两种魔术方法的应用实例
2017/08/28 PHP
showModalDialog 和 showModelessDialog
2007/01/22 Javascript
Ext第一周 史上最强学习笔记---GridPanel(基础篇)
2008/12/29 Javascript
jQuery EasyUI API 中文文档 - TimeSpinner时间微调器
2011/10/23 Javascript
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法
2014/01/07 Javascript
jQuery实现页面内锚点平滑跳转特效的方法总结
2015/05/11 Javascript
JavaScript 实现的checkbox经典实例分享
2016/10/16 Javascript
ES6概念 Symbol.keyFor()方法
2016/12/25 Javascript
bootstrap响应式导航条模板使用详解(含下拉菜单,弹出框)
2017/11/17 Javascript
最后说说Vue2 SSR 的 Cookies 问题
2018/05/25 Javascript
react实现同页面三级跳转路由布局
2019/09/26 Javascript
jQuery实现购物车全功能
2021/01/11 jQuery
对于Python异常处理慎用“except:pass”建议
2015/04/02 Python
在Django的上下文中设置变量的方法
2015/07/20 Python
Python使用Beautiful Soup包编写爬虫时的一些关键点
2016/01/20 Python
Python的Flask框架标配模板引擎Jinja2的使用教程
2016/07/12 Python
对python .txt文件读取及数据处理方法总结
2018/04/23 Python
Python视频爬虫实现下载头条视频功能示例
2018/05/07 Python
设置jupyter中DataFrame的显示限制方式
2020/04/12 Python
Python Django路径配置实现过程解析
2020/11/05 Python
K近邻法(KNN)相关知识总结以及如何用python实现
2021/01/28 Python
英国异国风情旅游网站:Travel Talk Tours(团体旅游、探险旅游、帆船假期)
2018/07/26 全球购物
配置管理计划的主要内容有哪些
2014/06/20 面试题
大学生军训自我鉴定
2014/02/12 职场文书
活动宣传策划方案
2014/05/23 职场文书
火烧圆明园观后感
2015/06/03 职场文书
团支部组织委员竞选稿
2015/11/21 职场文书
原生Javascript+HTML5一步步实现拖拽排序
2021/06/12 Javascript
使用Djongo模块在Django中使用MongoDB数据库
2021/06/20 Python
Go语言应该什么情况使用指针
2021/07/25 Golang
企业开发CSS命名BEM代码规范实践
2022/02/12 HTML / CSS