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 相关文章推荐
JavaScript 参考教程
Dec 29 Javascript
Js 获取当前日期时间及其它操作实现代码
Mar 04 Javascript
给ListBox添加双击事件示例代码
Dec 02 Javascript
js中typeof的用法汇总
Dec 12 Javascript
jquery库或JS文件在eclipse下报错问题解决方法
Apr 17 Javascript
php,js,css字符串截取的办法集锦
Sep 26 Javascript
微信小程序 详解Page中data数据操作和函数调用
Jan 12 Javascript
解决layui批量传值到后台操作时出现传值为空的问题
Sep 28 Javascript
微信小程序 行的删除和增加操作实现详解
Sep 29 Javascript
react组件基本用法示例小结
Apr 27 Javascript
vue组件实现移动端九宫格转盘抽奖
Oct 16 Javascript
解决vant title-active-color与title-inactive-color不生效问题
Nov 03 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
古巴咖啡 Cubita琥爵咖啡 独特的加勒比海风味咖啡
2021/03/06 新手入门
php中生成随机密码的自定义函数代码
2013/10/21 PHP
PHP微信开发用Cache 解决数据缓存
2016/07/11 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
laravel框架关于搜索功能的实现
2018/03/15 PHP
ThinkPHP类似AOP思想的参数验证的实现方法
2019/12/18 PHP
jQuery的初始化与对象构建之浅析
2011/04/12 Javascript
获取当前点击按钮的id用this.id实现
2014/03/17 Javascript
调试JavaScript中正则表达式中遇到的问题
2015/01/27 Javascript
Jquery对新插入的节点 绑定Click事件失效的解决方法
2016/06/02 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
2016/11/03 Javascript
详解Angular的数据显示优化处理
2016/12/26 Javascript
js实现把图片的绝对路径转为base64字符串、blob对象再上传
2016/12/29 Javascript
Angularjs分页查询的实现
2017/02/24 Javascript
用angular实现多选按钮的全选与反选实例代码
2017/05/23 Javascript
mongoose中利用populate处理嵌套的方法
2017/05/26 Javascript
微信JSAPI Ticket接口签名详解
2020/06/28 Javascript
JavaScript实现QQ列表展开收缩扩展功能
2017/10/30 Javascript
JS基于贪心算法解决背包问题示例
2017/11/27 Javascript
总结js中的一些兼容性易错的问题
2017/12/18 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
2019/03/13 Javascript
echarts多条折线图动态分层的实现方法
2019/05/24 Javascript
深入学习JavaScript 高阶函数
2019/06/11 Javascript
JS pushlet XMLAdapter适配器用法案例解析
2020/10/16 Javascript
[54:02]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 IG vs VGJ.T
2018/04/03 DOTA
详解Django通用视图中的函数包装
2015/07/21 Python
Python3爬楼梯算法示例
2019/03/04 Python
使用Tkinter制作信息提示框
2020/02/18 Python
2020最新pycharm汉化安装(python工程狮亲测有效)
2020/04/26 Python
如何基于Django实现上下文章跳转
2020/09/16 Python
CSS3动画和HTML5新特性详解
2020/08/31 HTML / CSS
HTML5中的websocket实现直播功能
2018/05/21 HTML / CSS
到底Java是如何传递参数的?是by value或by reference?
2012/07/13 面试题
什么是Assembly(程序集)
2014/09/14 面试题
中专毕业生自我鉴定
2013/11/21 职场文书
公司委托书格式
2014/08/01 职场文书