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编辑器和代码格式化
Apr 25 Javascript
javascript强大的日期函数代码分享
Sep 04 Javascript
div模拟选择框示例代码
Nov 03 Javascript
JavaScript中实现最高效的数组乱序方法
Oct 11 Javascript
JavaScript比较两个对象是否相等的方法
Feb 06 Javascript
jQuery背景插件backstretch使用指南
Apr 21 Javascript
基于jQuery倾斜打开侧边栏菜单特效代码
Sep 15 Javascript
详解如何使用Vue2做服务端渲染
Mar 29 Javascript
javascript 判断用户有没有操作页面
Oct 17 Javascript
vuedraggable+element ui实现页面控件拖拽排序效果
Jul 29 Javascript
关于vue项目中搜索节流的实现代码
Sep 17 Javascript
vue项目中极验验证的使用代码示例
Dec 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
PHP中使用GD库创建圆形饼图的例子
2014/11/19 PHP
PHP实现生成唯一会员卡号
2015/08/24 PHP
详解PHP的Yii框架中扩展的安装与使用
2016/04/01 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
优化innerHTML操作(提高代码执行效率)
2011/08/20 Javascript
js随机颜色代码的多种实现方式
2013/04/23 Javascript
JavaScript定义类和对象的方法
2014/11/26 Javascript
js实现禁止中文输入的方法
2015/01/14 Javascript
javascript中数组的定义及使用实例
2015/01/21 Javascript
jQuery链式操作实例分析
2015/11/16 Javascript
使用bootstrap validator的remote验证代码经验分享(推荐)
2016/09/21 Javascript
打造自己的jQuery插件入门教程
2016/09/23 Javascript
Angular.js实现注册系统的实例详解
2016/12/18 Javascript
ECMAscript 变量作用域总结概括
2017/08/18 Javascript
微信小程序wx.previewImage预览图片实例详解
2017/12/07 Javascript
微信小程序之判断页面滚动方向的示例代码
2018/08/30 Javascript
Angular封装表单控件及思想总结
2019/12/11 Javascript
js实现轮播图效果 z-index实现轮播图
2020/01/17 Javascript
openlayers实现地图测距测面
2020/09/25 Javascript
基于javascript实现移动端轮播图效果
2020/12/21 Javascript
Python利用openpyxl库遍历Sheet的实例
2018/05/03 Python
解决pycharm无法识别本地site-packages的问题
2018/10/13 Python
python基于socket进行端口转发实现后门隐藏的示例
2019/07/25 Python
一行Python代码制作动态二维码的实现
2019/09/09 Python
关于Numpy中的行向量和列向量详解
2019/11/30 Python
html5+css3实现一款注册表单实例
2013/04/17 HTML / CSS
HTML5语音识别标签写法附图
2013/11/18 HTML / CSS
司马光教学反思
2014/02/01 职场文书
李敖北大演讲稿
2014/05/24 职场文书
企业优秀员工事迹材料
2014/05/28 职场文书
销售团队口号大全
2014/06/06 职场文书
多媒体编辑专业毕业生求职信
2014/06/13 职场文书
党员四风问题对照检查材料思想汇报
2014/09/16 职场文书
简易离婚协议书范本2014
2014/10/15 职场文书
PHP 对接美团大众点评团购券(门票)的开发步骤
2021/04/03 PHP
Alexa停服!网站排名将何去何从?目前还没有替代品。
2022/04/15 杂记