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 相关文章推荐
用CSS+JS实现的进度条效果效果
Jun 05 Javascript
Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)
Sep 12 Javascript
jquery自定义下拉列表示例
Apr 25 Javascript
js+HTML5实现视频截图的方法
Jun 16 Javascript
angularJs关于指令的一些冷门属性详解
Oct 24 Javascript
Vue axios 中提交表单数据(含上传文件)
Jul 06 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
Jul 17 Javascript
React优化子组件render的使用
May 12 Javascript
小程序实现搜索框功能
Mar 26 Javascript
详解vue中$nextTick和$forceUpdate的用法
Dec 11 Javascript
vue npm install 安装某个指定的版本操作
Aug 11 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
Aug 19 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
解析Win7 XAMPP apache无法启动的问题
2013/06/26 PHP
PHP 通过Socket收发十六进制数据的实现代码
2013/08/16 PHP
Linux系统下php获得系统分区信息的方法
2015/03/30 PHP
PHP常用的排序和查找算法
2015/08/06 PHP
javascript实现可改变滚动方向的无缝滚动实例
2013/06/17 Javascript
解释&&和||在javascript中的另类用法
2014/07/28 Javascript
Bootstrap实现默认导航栏效果
2020/09/21 Javascript
jQuery Validate设置onkeyup验证的实例代码
2016/12/09 Javascript
JavaScript之DOM_动力节点Java学院整理
2017/07/03 Javascript
jQuery图片查看插件Magnify开发详解
2017/12/25 jQuery
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
2017/12/28 Javascript
Angular6新特性之Angular Material
2018/12/28 Javascript
vscode配置vue下的es6规范自动格式化详解
2019/03/20 Javascript
element-ui table组件如何使用render属性的实现
2019/11/04 Javascript
Vue-cli打包后部署到子目录下的路径问题说明
2020/09/02 Javascript
[01:19]DOTA2城市挑战赛报名开始 开启你的城市传奇
2018/03/23 DOTA
[54:09]RNG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
[00:59]DOTA2英雄背景故事——上古巨神
2020/06/28 DOTA
python 解决动态的定义变量名,并给其赋值的方法(大数据处理)
2018/11/10 Python
Pytorch中的variable, tensor与numpy相互转化的方法
2019/10/10 Python
tensorflow入门:tfrecord 和tf.data.TFRecordDataset的使用
2020/01/20 Python
可视化pytorch 模型中不同BN层的running mean曲线实例
2020/06/24 Python
美国艺术和工艺品商店:Hobby Lobby
2020/12/09 全球购物
路德维希•贝克(LUDWIG BECK)中文官网:德国大型美妆百货
2020/09/19 全球购物
一些PHP的面试题
2015/05/06 面试题
中科创达面试题
2016/12/28 面试题
事业单位绩效考核实施方案
2014/03/27 职场文书
药剂专业个人求职信范文
2014/04/29 职场文书
公司任命书模板
2014/06/06 职场文书
缅怀先烈演讲稿
2014/09/03 职场文书
赵乐秦在党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
领导干部群众路线对照检查材料
2014/11/05 职场文书
毕业欢送晚会主持词
2019/06/25 职场文书
又涨知识了,自律到底多重要?
2019/06/27 职场文书
HTML5简单实现添加背景音乐的几种方法
2021/05/12 HTML / CSS
带你学习MySQL执行计划
2021/05/31 MySQL