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中为String对象添加trim,ltrim,rtrim方法
Sep 22 Javascript
jQuery遍历之next()、nextAll()方法使用实例
Nov 08 Javascript
JavaScript学习笔记之Function对象
Jan 22 Javascript
jquery图片切换实例分析
Apr 15 Javascript
使用JavaScript实现连续滚动字幕效果的方法
Jul 07 Javascript
JS版元素周期表实现方法
Aug 05 Javascript
jQuery实现点击表格单元格就可以编辑内容的方法【测试可用】
Aug 01 Javascript
javascript数据类型详解
Feb 07 Javascript
jQuery实现点击关注和取消功能
Jul 03 jQuery
Vue 项目部署到服务器的问题解决方法
Dec 05 Javascript
vue中实现Monaco Editor自定义提示功能
Jul 05 Javascript
利用layer实现表单完美验证的方法
Sep 26 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
数据库的日期格式转换
2006/10/09 PHP
javascript Math.random()随机数函数
2009/11/04 Javascript
javascript 设置文本框中焦点的位置
2009/11/20 Javascript
动态加载外部javascript文件的函数代码分享
2011/07/28 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
2011/09/28 Javascript
7款风格新颖的jQuery/CSS3菜单导航分享
2013/04/23 Javascript
使用nodejs、Python写的一个简易HTTP静态文件服务器
2014/07/18 NodeJs
js实现上传图片预览的方法
2015/02/09 Javascript
深入理解JavaScript系列(19):求值策略(Evaluation strategy)详解
2015/03/05 Javascript
再次谈论Javascript中的this
2016/06/23 Javascript
AngularJS bootstrap启动详解及实例代码
2016/09/14 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
2017/03/09 Javascript
Angular2 自定义validators的实现方法
2017/07/05 Javascript
js如何编写简单的ajax方法库
2017/08/02 Javascript
js异步编程小技巧详解
2017/08/14 Javascript
vue的事件绑定与方法详解
2017/08/16 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
2017/12/19 Javascript
详解VS Code使用之Vue工程配置format代码格式化
2019/03/20 Javascript
vue项目中使用bpmn-自定义platter的示例代码
2020/05/11 Javascript
详解JavaScript中分解数字的三种方法
2021/01/05 Javascript
[00:47]DOTA2荣耀之路6:天火,天火!
2018/05/30 DOTA
使用Python写一个量化股票提醒系统
2018/08/22 Python
如何利用python给图片添加半透明水印
2019/09/06 Python
postman传递当前时间戳实例详解
2019/09/14 Python
python打开文件的方式有哪些
2020/06/29 Python
Alpine安装Python3依赖出现的问题及解决方法
2020/12/25 Python
CSS3 3D旋转rotate效果实例介绍
2016/05/03 HTML / CSS
Agoda.com官方网站:便宜预订全球酒店,高达80%的折扣
2018/04/04 全球购物
香港连卡佛百货官网:Lane Crawford
2019/09/04 全球购物
MAC彩妆澳洲官网:M·A·C AU
2021/01/17 全球购物
网聊搭讪开场白
2015/05/28 职场文书
学校隐患排查制度
2015/08/05 职场文书
高三数学复习备考教学反思
2016/02/18 职场文书
2016简单的租房合同范本
2016/03/18 职场文书
Java中API的使用方法详情
2022/04/06 Java/Android
Fluentd搭建日志收集服务
2022/09/23 Servers