vue实现配置全局访问路径头(axios)


Posted in Javascript onNovember 01, 2019

在vue中用axios发送请求的时候总是:

axios.get(“http://localhost:3000/xxx/xxx”,{params:{xx:xxx}}).then(res=>{}).catch(error=>{})

配置全局的url:

1.安装axios:npm install axios --save-dev

2.main.js:

import axios from “axios”
axios.defaults.baseURL = “http://localhost:3000/users/”; // 关键步骤?填写后台请求统一的地址
axios.defaults.headers.post[‘Content-Type'] = ‘application/x-www-form-urlencoded';
Vue.config.productionTip = false;
Vue.prototype.$addr = axios;

3.访问:

此时再访问的时候就会自带请求头了:

this.$addr.get(“userInfo”,{params:{xx:xxx}});

以上这篇vue实现配置全局访问路径头(axios)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
设置checkbox为只读(readOnly)的两种方式
Oct 11 Javascript
JQuery each()嵌套使用小结
Apr 18 Javascript
jQuery中parents()和parent()的区别分析
Oct 28 Javascript
JavaScript对数字的判断与处理实例分析
Feb 02 Javascript
JS+Canvas 实现下雨下雪效果
May 18 Javascript
JavaScript自学笔记(必看篇)
Jun 23 Javascript
快速移动鼠标触发问题及解决方法(ECharts外部调用保存为图片操作及工作流接线mouseenter和mouseleave)
Aug 29 Javascript
jquery+css3问卷答题卡翻页动画效果示例
Oct 26 Javascript
360提示[高危]使用存在漏洞的JQuery版本的解决方法
Oct 27 jQuery
小程序实现留言板
Nov 02 Javascript
vue生命周期与钩子函数简单示例
Mar 13 Javascript
Vue Router的手写实现方法实现
Mar 02 Javascript
vue.js路由mode配置之去掉url上默认的#方法
Nov 01 #Javascript
js实现漂亮的星空背景
Nov 01 #Javascript
Vue实现push数组并删除的例子
Nov 01 #Javascript
vue实现跳转接口push 转场动画示例
Nov 01 #Javascript
JS实现动态星空背景效果
Nov 01 #Javascript
jQuery高级编程之js对象、json与ajax用法实例分析
Nov 01 #jQuery
vue 中固定导航栏的实例代码
Nov 01 #Javascript
You might like
推荐一款MAC OS X 下php集成开发环境mamp
2014/11/08 PHP
PHP使用stream_context_create()模拟POST/GET请求的方法
2016/04/02 PHP
PHP实现根据数组某个键值大小进行排序的方法
2018/03/13 PHP
JavaScript四种调用模式和this示例介绍
2014/01/02 Javascript
jQuery 实现自动填充邮箱功能(带下拉提示)
2014/10/14 Javascript
Javascript原型链的原理详解
2016/01/05 Javascript
EasyUi combotree 实现动态加载树节点
2016/04/01 Javascript
javascript原生ajax写法分享
2016/04/10 Javascript
学JavaScript七大注意事项【必看】
2016/05/04 Javascript
js基础之DOM中document对象的常用属性方法详解
2016/10/28 Javascript
ajax图片上传,图片异步上传,更新实例
2016/12/30 Javascript
JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】
2017/06/06 Javascript
详解react-native WebView 返回处理(非回调方法可解决)
2018/02/27 Javascript
详解React之父子组件传递和其它一些要点
2018/06/25 Javascript
Vue使用自定义指令实现拖拽行为实例分析
2020/06/06 Javascript
解决vue打包报错Unexpected token: punc的问题
2020/10/24 Javascript
Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
2020/12/01 Vue.js
[01:09]DOTA2次级职业联赛 - ishow.HMM战队宣传片
2014/12/01 DOTA
python3 shelve模块的详解
2017/07/08 Python
在python中利用KNN实现对iris进行分类的方法
2018/12/11 Python
Django 开发环境配置过程详解
2019/07/18 Python
基于PyTorch的permute和reshape/view的区别介绍
2020/06/18 Python
Python基于爬虫实现全网搜索并下载音乐
2021/02/14 Python
Canvas高级路径操作之拖拽对象的实现
2019/08/05 HTML / CSS
美国复古街头服饰精品店:Need Supply Co.
2017/02/22 全球购物
Jo Malone美国官网:祖玛珑香水
2017/03/27 全球购物
音乐系毕业生自荐信
2013/10/27 职场文书
暑期实习鉴定
2013/12/16 职场文书
2014年家长学校工作总结
2014/11/20 职场文书
2014年女职工工作总结
2014/11/27 职场文书
2014年生产部工作总结
2014/12/17 职场文书
2015年中秋晚会主持稿
2015/07/30 职场文书
2016应届毕业生就业指导课心得体会
2016/01/15 职场文书
如何拟写通知正文?
2019/04/02 职场文书
java实现面板之间切换功能
2022/06/10 Java/Android
win sever 2022如何占用操作主机角色
2022/06/25 Servers