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 相关文章推荐
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
Sep 15 Javascript
JavaScript 中的日期和时间及表示标准介绍
Aug 21 Javascript
浅谈javascript 迭代方法
Jan 21 Javascript
javascript控制图片播放的实现代码
Jul 29 Javascript
javascript求日期差的方法
Mar 02 Javascript
举例说明JavaScript中的实例对象与原型对象
Mar 11 Javascript
jquery实现图片列表鼠标移入微动
Dec 01 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
Dec 12 Javascript
JS扩展String.prototype.format字符串拼接的功能
Mar 09 Javascript
详解VS Code使用之Vue工程配置format代码格式化
Mar 20 Javascript
Vue开发之watch监听数组、对象、变量操作分析
Apr 25 Javascript
vue中使用GraphQL的实例代码
Nov 04 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
关于在php.ini中添加extension=php_mysqli.dll指令的说明
2007/06/14 PHP
php+ajax做仿百度搜索下拉自动提示框(有实例)
2012/08/21 PHP
javascript中的几个运算符
2007/06/29 Javascript
js利用prototype调用Array的slice方法示例
2014/06/09 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
2015/03/21 Javascript
js实现touch移动触屏滑动事件
2015/04/17 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
2016/03/18 Javascript
JS加载iFrame出现空白问题的解决办法
2016/05/13 Javascript
js微信扫描二维码登录网站技术原理
2016/12/01 Javascript
Bootstrap整体框架之CSS12栅格系统
2016/12/15 Javascript
vue.js将unix时间戳转换为自定义时间格式
2017/01/03 Javascript
从零开始学习Node.js系列教程四:多页面实现的数学运算示例
2017/04/13 Javascript
JavaScript 用fetch 实现异步下载文件功能
2017/07/21 Javascript
vue 界面刷新数据被清除 localStorage的使用详解
2018/09/16 Javascript
bootstrap table插件动态加载表头
2019/07/19 Javascript
node静态服务器实现静态读取文件或文件夹
2019/12/03 Javascript
JavaScript实现英语单词题库
2019/12/24 Javascript
[04:27]DOTA2官方论坛水友赛集锦
2013/09/16 DOTA
[01:56]2014DOTA2西雅图邀请赛 MVP外卡赛老队长精辟点评
2014/07/09 DOTA
[03:27]《辉夜杯》线下训练营 导师CU和海涛指点迷津
2015/10/23 DOTA
[47:43]完美世界DOTA2联赛PWL S3 Magama vs GXR 第二场 12.19
2020/12/24 DOTA
Python with的用法
2014/08/22 Python
Python中多线程及程序锁浅析
2015/01/21 Python
pandas 实现字典转换成DataFrame的方法
2018/07/04 Python
使用Python横向合并excel文件的实例
2018/12/11 Python
Django中信号signals的简单使用方法
2019/07/04 Python
python 使用pygame工具包实现贪吃蛇游戏(多彩版)
2019/10/30 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
Aurora London官网:奢华、负担得起的皮革手袋
2020/08/01 全球购物
党员思想汇报范文
2013/12/30 职场文书
回门宴答谢词
2014/01/13 职场文书
药剂专业自荐信范文
2014/04/16 职场文书
让世界充满爱演讲稿
2014/05/24 职场文书
实习指导教师评语
2014/12/30 职场文书
2015年中秋节活动总结
2015/03/23 职场文书
女方家长婚礼答谢词
2015/09/29 职场文书