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 相关文章推荐
javascript 表单验证常见正则
Sep 28 Javascript
jQuery 学习第五课 Ajax 使用说明
May 17 Javascript
js window.open弹出新的网页窗口
Jan 16 Javascript
jquery批量设置属性readonly和disabled的方法
Jan 24 Javascript
js实现select组件的选择输入过滤代码
Oct 14 Javascript
node.js中的buffer.Buffer.byteLength方法使用说明
Dec 10 Javascript
JavaScript中的对象序列化介绍
Dec 30 Javascript
JS判断非空至少输入两个字符的简单实现方法
Jun 23 Javascript
详解如何为你的angular app构建一个第三方库
Dec 07 Javascript
微信小程序实现左侧滑栏过程解析
Aug 26 Javascript
JavaScript或jQuery 获取option value值方法解析
May 12 jQuery
JS图片懒加载技术实现过程解析
Jul 27 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
DOTA2【瓜皮时刻】Vol.91 RTZ山史最惨“矿难”
2021/03/05 DOTA
PHP添加MySQL数据记录代码
2008/06/07 PHP
将word转化为swf 如同百度文库般阅读实现思路及代码
2013/08/09 PHP
php实现给一张图片加上水印效果
2016/01/02 PHP
PHP抽象类与接口的区别实例详解
2019/05/09 PHP
javascript基础知识大集锦(二) 推荐收藏
2011/01/13 Javascript
JSON+HTML实现国家省市联动选择效果
2014/05/18 Javascript
AngularJS基础学习笔记之指令
2015/05/10 Javascript
分享我对JS插件开发的一些感想和心得
2016/02/04 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
2016/03/30 Javascript
JavaScript中instanceof运算符的使用示例
2016/06/08 Javascript
javascript特效实现——当前时间和倒计时效果的简单实例
2016/07/20 Javascript
js实现城市级联菜单的2种方法
2017/06/23 Javascript
bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题
2017/08/10 Javascript
详解react服务端渲染(同构)的方法
2017/09/21 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
2017/09/22 Javascript
jQuery实现的两种简单弹窗效果示例
2018/04/18 jQuery
Element Dialog对话框的使用示例
2020/07/26 Javascript
JS实现audio音频剪裁剪切复制播放与上传(步骤详解)
2020/07/28 Javascript
详解vue路由
2020/08/05 Javascript
[55:47]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第三局
2016/02/27 DOTA
[01:16:16]DOTA2-DPC中国联赛定级赛 RNG vs Phoenix BO3第二场 1月8日
2021/03/11 DOTA
Python设计模式之装饰模式实例详解
2019/01/21 Python
浅析Windows 嵌入python解释器的过程
2019/07/26 Python
python怎么判断模块安装完成
2020/06/19 Python
如何基于Django实现上下文章跳转
2020/09/16 Python
利用python绘制中国地图(含省界、河流等)
2020/09/21 Python
HEMA法国:荷兰原创设计
2019/02/21 全球购物
大四学生毕业自荐信
2013/11/07 职场文书
网络宣传方案
2014/03/15 职场文书
《大海那边》教学反思
2014/04/09 职场文书
《有趣的发现》教学反思
2014/04/15 职场文书
主题实践活动总结
2014/05/08 职场文书
生物工程专业求职信
2014/09/03 职场文书
张丽莉事迹观后感
2015/06/16 职场文书
mongodb数据库迁移变更的解决方案
2021/09/04 MongoDB