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下申明对象的几种方法小结
Oct 02 Javascript
Javascript 原型和继承(Prototypes and Inheritance)
Apr 01 Javascript
JS中操作JSON总结
Dec 06 Javascript
jquery 构造函数在表单提交过程中修改数据
May 25 Javascript
原生js模拟淘宝购物车项目实战
Nov 18 Javascript
浅谈Sublime Text 3运行JavaScript控制台
Jun 06 Javascript
遍历js中对象的属性和值的实例
Nov 21 Javascript
防止重复发送 Ajax 请求
Feb 15 Javascript
vue.js移动端app实战1:初始配置详解
Jul 24 Javascript
使用vue-resource进行数据交互的实例
Sep 02 Javascript
微信小程序实现富文本图片宽度自适应的方法
Jan 20 Javascript
vue中多路由表头吸顶实现的几种布局方式
Apr 12 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 visitFile()遍历指定文件夹函数
2010/08/21 PHP
ThinkPHP关联模型操作实例分析
2012/09/23 PHP
php自动给网址加上链接的方法
2015/06/02 PHP
浅谈Yii乐观锁的使用及原理
2017/07/25 PHP
ie 处理 gif动画 的onload 事件的一个 bug
2007/04/12 Javascript
javascript网页关键字高亮代码
2008/07/30 Javascript
仅30行代码实现Javascript中的MVC
2016/02/15 Javascript
js智能获取浏览器版本UA信息的方法
2016/08/08 Javascript
jQuery表单验证简单示例
2016/10/17 Javascript
jQuery按需加载轮播图(web前端性能优化)
2017/02/17 Javascript
浅谈Vue-cli 命令行工具分析
2017/11/22 Javascript
详解React+Koa实现服务端渲染(SSR)
2018/05/23 Javascript
基于layui数据表格以及传数据的方式
2018/08/19 Javascript
小程序实现锚点滑动效果
2019/09/23 Javascript
Python里隐藏的“禅”
2014/06/16 Python
Python中有趣在__call__函数
2015/06/21 Python
python实现在控制台输入密码不显示的方法
2015/07/02 Python
Python selenium 三种等待方式解读
2016/09/15 Python
Python爬虫PyQuery库基本用法入门教程
2018/08/04 Python
解决python3 requests headers参数不能有中文的问题
2019/08/21 Python
django admin 自定义替换change页面模板的方法
2019/08/23 Python
win10系统下python3安装及pip换源和使用教程
2020/01/06 Python
Django跨域资源共享问题(推荐)
2020/03/09 Python
Aveda美国官网:天然护发产品、洗发水、护发素和沙龙
2016/12/09 全球购物
美国轮胎网站:Priority Tire
2018/11/28 全球购物
新电JAVA笔试题目
2014/08/31 面试题
机电一体化毕业生求职信
2013/11/02 职场文书
幼儿园区域活动总结
2014/05/08 职场文书
债务纠纷委托书范本
2014/10/14 职场文书
学生检讨书如何写
2014/10/30 职场文书
入党积极分子党小组意见
2015/06/02 职场文书
中国合伙人观后感
2015/06/02 职场文书
小区物业管理2015年度工作总结
2015/10/22 职场文书
一波干货,会议主持词开场白范文
2019/05/06 职场文书
导游词之绍兴柯岩古镇
2020/01/09 职场文书
原生JavaScript实现简单五子棋游戏
2021/06/28 Javascript