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中xml操作实现代码
Nov 21 Javascript
window.location.hash知识汇总
Nov 09 Javascript
简单实现js浮动框
Dec 13 Javascript
AngularJS常见过滤器用法实例总结
Jul 06 Javascript
详解React 16 中的异常处理
Jul 28 Javascript
Javasript设计模式之链式调用详解
Apr 26 Javascript
详解webpack4升级指南以及从webpack3.x迁移
Jun 12 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
Aug 16 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
Feb 27 Javascript
express启用https使用小记
May 21 Javascript
layui内置模块layim发送图片添加加载动画的方法
Sep 23 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
PHP print类函数使用总结
2010/06/25 PHP
PHP房贷计算器实例代码,等额本息,等额本金
2017/04/01 PHP
PHP explode()函数用法讲解
2019/02/15 PHP
JavaScript 面向对象编程(2) 定义类
2010/05/18 Javascript
JS中处理与当前时间间隔的函数代码
2012/05/23 Javascript
jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
2013/01/23 Javascript
生成二维码方法汇总
2014/12/26 Javascript
JavaScript获取按钮所在form表单id的方法
2015/04/02 Javascript
js实现同一页面多个不同运动效果的方法
2015/04/10 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
2015/07/28 Javascript
JS实现兼容性好,自动置顶的淘宝悬浮工具栏效果
2015/09/18 Javascript
基于JavaScript实现弹出框效果
2016/02/19 Javascript
纯JS实现表单验证实例
2016/12/24 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
2017/04/13 Javascript
vue-router 中router-view不能渲染的解决方法
2017/05/23 Javascript
JS实现批量上传文件并显示进度功能
2017/06/27 Javascript
微信小程序 同步请求授权的详解
2017/08/04 Javascript
JavaScript的setter与getter方法
2017/11/29 Javascript
javaScript中的空值和假值
2017/12/18 Javascript
JS中利用FileReader实现上传图片前本地预览功能
2018/03/02 Javascript
微信小程序实现单选功能
2018/10/30 Javascript
读懂CommonJS的模块加载
2019/04/19 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
2019/07/11 Javascript
微信小程序本地存储实现每日签到、连续签到功能
2019/10/09 Javascript
vue中实现回车键登录功能
2020/02/19 Javascript
Python pymongo模块常用操作分析
2018/09/01 Python
用Python实现大文本文件切割的方法
2019/01/12 Python
python判断文件是否存在,不存在就创建一个的实例
2019/02/18 Python
python FTP批量下载/删除/上传实例
2019/12/22 Python
运行tensorflow python程序,限制对GPU和CPU的占用操作
2020/02/06 Python
pandas apply使用多列计算生成新的列实现示例
2021/02/24 Python
Cocopanda波兰:购买化妆品、护肤品、护发和香水
2020/05/25 全球购物
毕业生自荐信如何写
2014/03/24 职场文书
李白故里导游词
2015/02/12 职场文书
2015年组织委员工作总结
2015/04/23 职场文书
2019年大学推荐信
2019/06/24 职场文书