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 相关文章推荐
基于jQuery实现点击同时更改两个iframe的网址
Jul 01 Javascript
jQuery下的动画处理总结
Oct 10 Javascript
jQuery Mobile的loading对话框显示/隐藏方法分享
Nov 26 Javascript
纯JS实现根据CSS的class选择DOM
Mar 22 Javascript
jquery trigger伪造a标签的click事件取代window.open方法
Jun 23 Javascript
javascript实现无限级select联动菜单
Jan 02 Javascript
简单实现bootstrap选项卡效果
Feb 08 Javascript
用angular实现多选按钮的全选与反选实例代码
May 23 Javascript
AngularJS 购物车全选/取消全选功能的实现方法
Aug 14 Javascript
jQuery实现的上传图片本地预览效果简单示例
Mar 29 jQuery
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 jQuery
最简单的vue消息提示全局组件的方法
Jun 16 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 截取字符串并以零补齐str_pad() 函数
2011/05/07 PHP
PHP数据库调用类调用实例(详细注释)
2012/07/12 PHP
PHP实现QQ快速登录的方法
2016/09/28 PHP
PHP 根据key 给二维数组分组
2016/12/09 PHP
PHP基于XMLWriter操作xml的方法分析
2017/07/17 PHP
javascript 面向对象编程基础 多态
2009/08/21 Javascript
jquery 圆形旋转图片滚动切换效果
2011/01/19 Javascript
javascript 函数声明与函数表达式的区别介绍
2013/10/05 Javascript
jQuery源码分析之jQuery中的循环技巧详解
2014/09/06 Javascript
JS实现表格数据各种搜索功能的方法
2015/03/03 Javascript
AngularJS equal比较对象实例详解
2016/09/14 Javascript
jquery ajaxfileupload异步上传插件使用详解
2017/02/08 Javascript
加快Vue项目的开发速度的方法
2018/12/12 Javascript
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
2019/06/05 Javascript
Vue使用NProgress进度条的方法
2019/09/21 Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
2019/11/29 Javascript
利用webpack理解CommonJS和ES Modules的差异区别
2020/06/16 Javascript
Nuxt配置Element-UI按需引入的操作方法
2020/07/06 Javascript
[06:11]2014DOTA2国际邀请赛 专访团结一心的VG战队
2014/07/21 DOTA
[01:27:43]VGJ.S vs TNC Supermajor 败者组 BO3 第三场 6.6
2018/06/07 DOTA
Python增量循环删除MySQL表数据的方法
2016/09/23 Python
Python win32com 操作Exce的l简单方法(必看)
2017/05/25 Python
python 实现数组list 添加、修改、删除的方法
2018/04/04 Python
Python requests发送post请求的一些疑点
2018/05/20 Python
python实现音乐下载的统计
2018/06/20 Python
利用Django提供的ModelForm增删改数据的方法
2019/01/06 Python
django框架用户权限中的session缓存到redis中的方法
2019/08/06 Python
如何安装并在pycharm使用selenium的方法
2020/04/30 Python
Abe’s of Maine:自1979以来销售相机和电子产品
2016/11/21 全球购物
捷克家具销售网站:SCONTO Nábytek
2020/01/02 全球购物
Ref与out有什么不同
2012/11/24 面试题
党组织公开承诺书
2014/03/29 职场文书
2015年度个人教学工作总结
2015/05/20 职场文书
工作经历证明范本
2015/06/15 职场文书
银行客户经理培训心得体会
2016/01/09 职场文书
《确定位置》教学反思
2016/02/18 职场文书