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 相关文章推荐
js 禁用浏览器的后退功能的简单方法
Dec 10 Javascript
浏览器页面区域大小的js获取方法
Sep 21 Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
Jun 03 Javascript
js实现简单的联动菜单效果
Aug 19 Javascript
JavaScript实现复制或剪切内容到剪贴板功能的方法
May 23 Javascript
DropDownList实现可输入可选择(两种版本可选)
Dec 07 Javascript
VueJs单页应用实现微信网页授权及微信分享功能示例
Jul 26 Javascript
React/Redux应用使用Async/Await的方法
Nov 16 Javascript
使用mpvue搭建一个初始小程序及项目配置方法
Dec 03 Javascript
async/await优雅的错误处理方法总结
Jan 30 Javascript
layui使用label标签的方法
Sep 14 Javascript
微信小程序文章详情功能完整实例
Jun 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
MySQL GBK→UTF-8编码转换
2007/05/24 PHP
PHP截取汉字乱码问题解决方法mb_substr函数的应用
2008/03/30 PHP
php利用header函数实现文件下载时直接提示保存
2009/11/12 PHP
与文件上传有关的php配置参数总结
2013/06/14 PHP
解析PHP获取当前网址及域名的实现代码
2013/06/23 PHP
静态html文件执行php语句的方法(推荐)
2016/11/21 PHP
记录一次排查PHP脚本执行卡住的问题
2016/12/27 PHP
利用php + Laravel如何实现部署自动化详解
2017/10/11 PHP
phpstorm 正则匹配删除空行、注释行(替换注释行为空行)
2018/01/21 PHP
firefox中用javascript实现鼠标位置的定位
2007/06/17 Javascript
jquery 日期分离成年月日的代码
2010/05/14 Javascript
web基于浏览器的本地存储方法应用
2012/11/27 Javascript
Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
2013/06/17 Javascript
node.js中的console.timeEnd方法使用说明
2014/12/09 Javascript
客户端验证用户名和密码的方法详解
2016/06/16 Javascript
jquery ajax后台返回list,前台用jquery遍历list的实现
2016/10/30 Javascript
Node.js数据库操作之查询MySQL数据库(二)
2017/03/04 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
2017/07/12 jQuery
关于 angularJS的一些用法
2017/11/29 Javascript
vue2.0+koa2+mongodb实现注册登录
2018/04/10 Javascript
JS/HTML5游戏常用算法之追踪算法实例详解
2018/12/12 Javascript
[01:14]英雄,所敬略同——2018完美盛典宣传视频4K
2018/12/05 DOTA
学习python处理python编码问题
2011/03/13 Python
Python2.x利用commands模块执行Linux shell命令
2016/03/11 Python
3种适用于Python的疯狂秘密武器及原因解析
2020/04/29 Python
keras处理欠拟合和过拟合的实例讲解
2020/05/25 Python
Jupyter Notebook 远程访问配置详解
2021/01/11 Python
党校个人自我鉴定范文
2014/03/28 职场文书
大二学习计划书范文
2014/04/27 职场文书
找工作求职信
2014/07/07 职场文书
聚会通知怎么写
2015/04/23 职场文书
党支部培养考察意见
2015/06/02 职场文书
小学新课改心得体会
2016/01/22 职场文书
公司转让协议书
2016/03/19 职场文书
Python实现生成bmp图像的方法
2021/06/13 Python
Redis 持久化 RDB 与 AOF的执行过程
2021/11/07 Redis