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 面向对象编程基础 多态
Aug 21 Javascript
非常实用的js验证框架实现源码 附原理方法
Jun 08 Javascript
javascript实现日期三级联动下拉框选择菜单
Dec 03 Javascript
详解Vue微信公众号开发踩坑全记录
Aug 21 Javascript
Node.JS段点续传:Nginx配置文件分段下载功能的实现方法
Mar 12 Javascript
在HTML文档中嵌入JavaScript的四种方法
May 07 Javascript
纯JS实现出生日期[年月日]下拉菜单效果
Jun 01 Javascript
Vue中的基础过渡动画及实现原理解析
Dec 04 Javascript
15分钟深入了解JS继承分类、原理与用法
Jan 19 Javascript
微信小程序点击列表跳转到对应详情页过程解析
Sep 26 Javascript
JS数组方法concat()用法实例分析
Jan 18 Javascript
原生js实现自定义滚动条组件
Jan 20 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 循环列出目录内容的函数代码
2010/05/26 PHP
PHP从FLV文件获取视频预览图的方法
2015/03/12 PHP
php实现根据IP地址获取其所在省市的方法
2015/04/30 PHP
刷新PHP缓冲区为你的站点加速
2015/10/10 PHP
PHP命名空间namespace及use的简单用法分析
2018/08/03 PHP
PHP匿名函数(闭包函数)详解
2019/03/22 PHP
JAVASCRIPT style 中visibility和display之间的区别
2010/01/22 Javascript
jQuery Selector选择器小结
2010/05/06 Javascript
实现变速回到顶部的JavaScript代码
2011/05/09 Javascript
jQuery 中使用JSON的实现代码
2011/12/01 Javascript
jquery选择器之层级过滤选择器详解
2014/01/27 Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
2015/04/17 Javascript
jquery实现点击变换导航样式的方法
2015/08/31 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
2016/04/20 Javascript
微信JSAPI支付操作需要注意的细节
2017/01/10 Javascript
angular-cli修改端口号【angular2】
2017/04/19 Javascript
实例学习JavaScript读取和写入cookie
2018/01/29 Javascript
NodeJS搭建HTTP服务器的实现步骤
2018/10/12 NodeJs
开发用到的js封装方法(20种)
2018/10/12 Javascript
使用weixin-java-miniapp配置进行单个小程序的配置详解
2019/03/29 Javascript
JavaScript Reflect Metadata实现详解
2019/12/12 Javascript
[01:29]2014DOTA2展望TI 剑指西雅图DK战队专访
2014/06/30 DOTA
Python解惑之整数比较详解
2017/04/24 Python
Python使用回溯法子集树模板解决爬楼梯问题示例
2017/09/08 Python
python简单实例训练(21~30)
2017/11/15 Python
python+POP3实现批量下载邮件附件
2018/06/19 Python
Django对models里的objects的使用详解
2019/08/17 Python
Python编程快速上手——PDF文件操作案例分析
2020/02/28 Python
使用CSS3创建动态菜单效果
2015/07/10 HTML / CSS
美国庭院家具购物网站:AlphaMarts
2019/04/10 全球购物
乡镇总工会学雷锋活动总结
2014/03/01 职场文书
《金色的脚印》教后反思
2014/04/23 职场文书
乡镇食品安全责任书
2014/07/28 职场文书
学校趣味运动会开幕词
2016/03/04 职场文书
MYSQL 表的全面总结
2021/11/11 MySQL
python blinker 信号库
2022/05/04 Python