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实现UTF8编码转换成gb2312编码
Dec 22 Javascript
jQuery EasyUI API 中文文档 - Spinner微调器使用
Oct 21 Javascript
jQuery中ajax的使用与缓存问题的解决方法
Dec 19 Javascript
判断文件是否正在被使用的JS代码
Dec 21 Javascript
纯js写的分页表格数据为json串
Feb 18 Javascript
JavaScript获取页面中第一个锚定文本的方法
Apr 03 Javascript
jquery实现华丽的可折角广告代码
Sep 02 Javascript
详解基于Bootstrap扁平化的后台框架Ace
Nov 27 Javascript
学习使用bootstrap基本控件(table、form、button)
Apr 12 Javascript
node.JS md5加密中文与php结果不一致的解决方法
May 05 Javascript
vuejs router history 配置到iis的方法
Sep 20 Javascript
Vue使用.sync 实现父子组件的双向绑定数据问题
Apr 04 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
第三节--定义一个类
2006/11/16 PHP
php学习笔记之 函数声明(二)
2011/06/09 PHP
显示程序执行时间php函数代码
2013/08/29 PHP
php实现在线通讯录功能(附源码)
2016/05/13 PHP
Javascript的一种模块模式
2010/09/08 Javascript
Js四则运算函数代码
2012/07/21 Javascript
js控制表单操作的常用代码小结
2013/08/15 Javascript
jquery使用jquery.zclip插件复制对象的实例教程
2013/12/04 Javascript
jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
2016/01/04 Javascript
jQuery购物网页经典制作案例
2016/08/19 Javascript
JavaScript编写一个简易购物车功能
2016/09/17 Javascript
利用jquery实现实时更新歌词的方法
2017/01/06 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
2017/03/08 Javascript
D3.js进阶系列之CSV表格文件的读取详解
2017/06/06 Javascript
微信小程序自定义导航隐藏和显示功能
2017/06/13 Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
2017/07/11 jQuery
Bootstrap标签页(Tab)插件切换echarts不显示问题的解决
2018/07/13 Javascript
vue+springboot实现项目的CORS跨域请求
2018/09/05 Javascript
浅析vue-router原理
2018/10/19 Javascript
JavaScript JMap类定义与使用方法示例
2019/01/22 Javascript
浅谈vue加载优化策略
2019/03/19 Javascript
python 定时修改数据库的示例代码
2018/04/08 Python
华为校园招聘上机笔试题 扑克牌大小(python)
2020/04/22 Python
python读写csv文件实例代码
2019/07/05 Python
PyCharm中代码字体大小调整方法
2019/07/29 Python
Python字典的概念及常见应用实例详解
2019/10/30 Python
Levi’s美国官网:美国著名的牛仔裤品牌
2016/08/19 全球购物
限量版运动鞋和街头服饰:TheDrop
2020/09/06 全球购物
个人自我鉴定范文
2013/10/04 职场文书
解放思想大讨论活动心得体会
2014/09/11 职场文书
2015年技术工作总结范文
2015/04/20 职场文书
大学生实习证明
2015/06/16 职场文书
2016年父亲节寄语
2015/12/04 职场文书
朋友圈早安励志语录!
2019/07/08 职场文书
golang 实现Location跳转方式
2021/05/02 Golang
Windows Server 2008 修改远程登录端口以及配置防火墙
2022/04/28 Servers