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 相关文章推荐
offsetParent 算法分析
Apr 05 Javascript
在浏览器中获取当前执行的脚本文件名的代码
Jul 19 Javascript
JS定时关闭窗口的实例
May 22 Javascript
JS Replace 全部替换字符的用法小结
Dec 24 Javascript
用js替换除数字与逗号以外的所有字符的代码
Jun 07 Javascript
jQuery中appendTo()方法用法实例
Jan 08 Javascript
使用JS画图之点、线、面
Jan 12 Javascript
jquery 属性选择器(匹配具有指定属性的元素)
Sep 06 Javascript
AngularJS实现select的ng-options功能示例
Jul 12 Javascript
推荐VSCode 上特别好用的 Vue 插件之vetur
Sep 14 Javascript
ES6中let、const的区别及变量的解构赋值操作方法实例分析
Oct 15 Javascript
JQuery发送ajax请求时中文乱码问题解决
Nov 14 jQuery
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
PHP获取客户端及服务器端IP的封装类
2016/07/21 PHP
php array_walk_recursive 使用自定的函数处理数组中的每一个元素
2016/11/16 PHP
PHP性能分析工具xhprof的安装使用与注意事项
2017/12/19 PHP
Javascript生成json的函数代码(可以用php的json_decode解码)
2012/06/11 Javascript
javascript获取元素CSS样式代码示例
2013/11/28 Javascript
js跳转页面方法总结
2014/01/29 Javascript
jQuery获取当前对象标签名称的方法
2014/02/07 Javascript
javascript实现的元素拖动函数宿主为浏览器
2014/07/21 Javascript
教你使用javascript简单写一个页面模板引擎
2015/05/05 Javascript
javascript实现完美拖拽效果
2015/05/06 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
2015/05/25 Javascript
JavaScript中的toDateString()方法使用详解
2015/06/12 Javascript
JavaScript实现将文本框的值插入指定位置的方法
2015/08/13 Javascript
详解jQuery插件开发方式
2016/11/22 Javascript
Layui组件Table绑定行点击事件和获取行数据的方法
2018/08/19 Javascript
webpack+express实现文件精确缓存的示例代码
2020/06/11 Javascript
Ant design vue中的联动选择取消操作
2020/10/31 Javascript
[07:12]2014DOTA2西雅图国际邀请赛 黑马Liquid专题采访
2014/07/12 DOTA
[01:20]PWL S2开团时刻第三期——团战可以输 蝙蝠必须死
2020/11/26 DOTA
使用Python开发windows GUI程序入门实例
2014/10/23 Python
Python提示[Errno 32]Broken pipe导致线程crash错误解决方法
2014/11/19 Python
numpy判断数值类型、过滤出数值型数据的方法
2018/06/09 Python
Python进阶之@property动态属性的实现
2019/04/01 Python
Python autoescape标签用法解析
2020/01/17 Python
Python编程快速上手——Excel到CSV的转换程序案例分析
2020/02/28 Python
python右对齐的实例方法
2020/07/05 Python
windows10在visual studio2019下配置使用openCV4.3.0
2020/07/14 Python
详解css3 object-fit属性
2018/07/27 HTML / CSS
css3进行截取替代js的substring
2013/09/02 HTML / CSS
Crabtree & Evelyn欧盟:豪华洗浴、身体和护发
2021/03/09 全球购物
《飞向蓝天的恐龙》教学反思
2014/04/09 职场文书
学雷锋树新风演讲稿
2014/05/10 职场文书
2015年企业员工工作总结范文
2015/05/21 职场文书
导游词之泉州崇武古城
2019/12/20 职场文书
Python基础之数据类型知识汇总
2021/05/18 Python
《模拟人生4》推出新补丁 “婚礼奇缘”DLC终于得到修复
2022/04/03 其他游戏