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中filter(),not(),split()使用方法
Jul 06 Javascript
jQuery多项选项卡的实现思路附样式及代码
Jun 03 Javascript
select多选 multiple的使用示例
Jun 16 Javascript
Bootstrap入门书籍之(零)Bootstrap简介
Feb 17 Javascript
jQuery实现对无序列表的排序功能(附demo源码下载)
Jun 25 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
Aug 05 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
Oct 05 Javascript
AngularJs 延时器、计时器实例代码
Sep 16 Javascript
JavaScript中错误正确处理方式小结你用对了吗
Oct 10 Javascript
微信小程序实现列表下拉刷新上拉加载
Jul 29 Javascript
详解微信小程序实现WebSocket心跳重连
Jul 31 Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
Aug 24 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
$_GET['goods_id']+0 的使用详解
2013/06/06 PHP
PHP递归实现快速排序的方法示例
2017/12/18 PHP
Jquery 学习笔记(一)
2009/10/13 Javascript
Jquey拖拽控件Draggable使用方法(asp.net环境)
2010/09/28 Javascript
理解Javascript_07_理解instanceof实现原理
2010/10/15 Javascript
jQuery实现简单的列表式导航菜单效果代码
2015/08/31 Javascript
原生js的数组除重复简单实例
2016/05/24 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
2016/11/17 Javascript
JavaScript实现替换字符串中最后一个字符的方法
2017/03/07 Javascript
bootstrap Table的一些小操作
2017/11/01 Javascript
spring+angular实现导出excel的实现代码
2019/02/27 Javascript
Vue组件间的通信pubsub-js实现步骤解析
2020/03/11 Javascript
vue实现登录功能
2020/12/31 Vue.js
[02:32]DOTA2亚洲邀请赛 VG战队巡礼
2015/02/03 DOTA
[02:40]2018年度DOTA2最佳新人-完美盛典
2018/12/16 DOTA
利用Django框架中select_related和prefetch_related函数对数据库查询优化
2015/04/01 Python
Python实现爬取需要登录的网站完整示例
2017/08/19 Python
SVM基本概念及Python实现代码
2017/12/27 Python
Python Pexpect库的简单使用方法
2019/01/29 Python
python数据归一化及三种方法详解
2019/08/06 Python
基于Python中的yield表达式介绍
2019/11/19 Python
Python远程开发环境部署与调试过程图解
2019/12/09 Python
使用anaconda安装pytorch的实现步骤
2020/09/03 Python
Python实现http接口自动化测试的示例代码
2020/10/09 Python
详解Python模块化编程与装饰器
2021/01/16 Python
html5视频播放_动力节点Java学院整理
2017/07/13 HTML / CSS
Lancer Skincare官方网站:抗衰老皮肤护理
2020/11/20 全球购物
数控专业个人求职信范文
2014/02/05 职场文书
公司经理聘任书
2014/03/29 职场文书
青春无悔演讲稿
2014/05/08 职场文书
团拜会策划方案
2014/06/07 职场文书
合作合同协议书范本
2015/01/27 职场文书
财务部会计岗位职责
2015/02/03 职场文书
上课睡觉万能检讨书
2015/02/17 职场文书
《我的伯父鲁迅先生》教学反思
2016/02/16 职场文书
Java常用函数式接口总结
2021/06/29 Java/Android