Vue axios设置访问基础路径方法


Posted in Javascript onSeptember 19, 2018

看过axios的官方文档后配置变得简单:

在main.js 做如下配置:

import axios from 'axios'
axios.defaults.baseURL = 'http://10.202.42.24:8080/sf-cloud-web'
Vue.prototype.axios = axios

最后一行是将axios配置到Vue原型中,使用方法为:

this.axios.get('/test/1').then(function (response) {})

可能会遇到下面的报错:

isURLSameOrigin.js?cf95:57 Uncaught (in promise) TypeError: Cannot

read property 'protocol' of undefined

这是因为axios不是VUE插件,不能使用 Vue.use(axios) 方式引用,需要使用上述原型方式引入

以上这篇Vue axios设置访问基础路径方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
Dec 08 Javascript
SuperSlide标签切换、焦点图多种组合插件
Mar 14 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
Aug 31 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
Jan 24 Javascript
Vuex之理解state的用法实例
Apr 19 Javascript
使用JS实现气泡跟随鼠标移动的动画效果
Sep 16 Javascript
Bootstrap treeview实现动态加载数据并添加快捷搜索功能
Jan 07 Javascript
JQueryDOM之样式操作
Mar 27 jQuery
Vue.use()在new Vue() 之前使用的原因浅析
Aug 26 Javascript
js实现三角形粒子运动
Sep 22 Javascript
在vue项目中 实现定义全局变量 全局函数操作
Oct 26 Javascript
html+vue.js 实现漂亮分页功能可兼容IE
Nov 07 Javascript
json前后端数据交互相关代码
Sep 19 #Javascript
解决vue动态为数据添加新属性遇到的问题
Sep 18 #Javascript
vue webpack开发访问后台接口全局配置的方法
Sep 18 #Javascript
vue中当图片地址无效的时候,显示默认图片的方法
Sep 18 #Javascript
vue动态设置img的src路径实例
Sep 18 #Javascript
关于Vue项目跨平台运行问题的解决方法
Sep 18 #Javascript
关于vue v-for循环解决img标签的src动态绑定问题
Sep 18 #Javascript
You might like
十大感人催泪爱情动漫 第一名至今不忍在看第二遍
2020/03/04 日漫
针对初学PHP者的疑难问答(1)
2006/10/09 PHP
php异步多线程swoole用法实例
2014/11/14 PHP
php编写简单的文章发布程序
2015/06/18 PHP
php强大的时间转换函数strtotime
2016/02/18 PHP
php实现的mongoDB单例模式操作类
2018/01/20 PHP
Javascript Jquery 遍历Json的实现代码
2010/03/31 Javascript
js 页面元素的几个用法总结
2013/11/18 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
2014/05/04 Javascript
详解javascript跨浏览器事件处理程序
2016/03/27 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
浅析javascript中的Event事件
2016/12/09 Javascript
Vue2.x中的Render函数详解
2017/05/30 Javascript
vue 中自定义指令改变data中的值
2017/06/02 Javascript
easyui-datagrid开发实践(总结)
2017/08/02 Javascript
Webpack框架核心概念(知识点整理)
2017/12/22 Javascript
AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
2018/04/21 Javascript
vue实现点击关注后及时更新列表功能
2018/06/26 Javascript
[55:04]海涛DOTA2死魂复燃6.82版本介绍
2014/09/28 DOTA
python实现中文输出的两种方法
2015/05/09 Python
举例讲解Python中的身份运算符的使用方法
2015/10/13 Python
python微信跳一跳系列之棋子定位颜色识别
2018/02/26 Python
使用TensorFlow实现SVM
2018/09/06 Python
python2与python3中关于对NaN类型数据的判断和转换方法
2018/10/30 Python
Django框架ORM数据库操作实例详解
2019/11/07 Python
python+adb+monkey实现Rom稳定性测试详解
2020/04/23 Python
详解pyinstaller生成exe的闪退问题解决方案
2020/06/19 Python
Python用来做Web开发的优势有哪些
2020/08/05 Python
英国健身仓库:Bodybuilding Warehouse
2019/03/06 全球购物
美国巧克力喷泉品牌:Sephra
2019/05/05 全球购物
举例说明类变量和实例变量的区别
2016/06/30 面试题
YII2 全局异常处理深入讲解
2021/03/24 PHP
员工培训邀请函
2014/01/11 职场文书
公司大门门卫岗位职责
2014/06/11 职场文书
2015年安全教育月活动总结
2015/03/26 职场文书
Nginx反向代理、重定向
2022/04/13 Servers