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编码之encodeURIComponent使用介绍(asp,php)
Mar 01 Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
Sep 16 Javascript
JS操作iframe里的dom(实例讲解)
Jan 29 Javascript
巧用局部变量提升javascript性能
Feb 24 Javascript
javascript中alert()与console.log()的区别
Aug 26 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
Sep 08 Javascript
分享两款带遮罩的jQuery弹出框
Dec 30 Javascript
详解node.js搭建代理服务器请求数据
Apr 08 Javascript
简单实现js拖拽效果
Jul 25 Javascript
bootstrap中selectpicker下拉框使用方法实例
Mar 22 Javascript
vue中过滤器filter的讲解
Jan 21 Javascript
js+audio实现音乐播放器
Sep 13 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
冰滴咖啡制作步骤
2021/03/03 冲泡冲煮
下拉列表多级联动dropDownList示例代码
2013/06/27 PHP
PHP设计模式之装饰者模式代码实例
2015/05/11 PHP
图片连续滚动代码[兼容IE/firefox]
2009/06/11 Javascript
基于Jquery的简单&简陋Tabs插件代码
2010/02/09 Javascript
jquery URL参数判断,确定菜单样式
2010/05/31 Javascript
在javaScript中关于submit和button的区别介绍
2013/10/20 Javascript
JQuery伸缩导航练习示例
2013/11/13 Javascript
解决jQuery动态获取手机屏幕高和宽的问题
2014/05/07 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
2014/08/04 Javascript
JavaScript为事件句柄绑定监听函数实例详解
2015/12/15 Javascript
JavaScript字符串删除重复字符的方法
2015/12/25 Javascript
微信小程序 loading 详解及实例代码
2016/11/09 Javascript
JS实现二叉查找树的建立以及一些遍历方法实现
2017/04/17 Javascript
详解Webpack实战之构建 Electron 应用
2017/12/25 Javascript
Django+vue跨域问题解决的详细步骤
2019/01/20 Javascript
[52:06]完美世界DOTA2联赛决赛日 Inki vs LBZS 第一场 11.08
2020/11/10 DOTA
python映射列表实例分析
2015/01/26 Python
python3实现UDP协议的服务器和客户端
2017/06/14 Python
Python判断是否json是否包含一个key的方法
2018/12/31 Python
Django使用Celery加redis执行异步任务的实例内容
2020/02/20 Python
CSS3 3D立方体效果示例-transform也不过如此
2016/12/05 HTML / CSS
CSS3新属性transition-property transform box-shadow实例学习
2013/06/06 HTML / CSS
canvas仿写贝塞尔曲线的示例代码
2017/12/29 HTML / CSS
canvas实现手机的手势解锁的步骤详细
2020/03/16 HTML / CSS
Nike英国官网:Nike.com (UK)
2017/02/13 全球购物
Whittard官方海外旗舰店:英国百年茶叶品牌
2018/02/22 全球购物
西班牙床垫网上商店:Colchones.es
2018/05/06 全球购物
DOUGLAS波兰:在线销售香水和化妆品
2020/07/05 全球购物
采购文员岗位职责
2013/11/20 职场文书
生产副总岗位职责
2013/11/28 职场文书
我的中国梦演讲稿400字
2014/08/19 职场文书
学校捐书活动总结
2015/05/08 职场文书
金正昆讲礼仪观后感
2015/06/11 职场文书
2019暑假阅读倡议书
2019/06/24 职场文书
《家庭教育》读后感3篇
2019/12/18 职场文书