http请求拦截器
发布日期:2021-10-23 14:13:08 浏览次数:11 分类:技术文章

本文共 1114 字,大约阅读时间需要 3 分钟。

一、现象

统一处理错误及配置请求信息

 

二、解决

1、安装 axios  , 命令: npm install axios --save-dev

2、在根目录的config目录下新建文件 axios.js  ,内容如下:

import axios from 'axios'

// 配置默认的host,假如你的API host是:http://api.htmlx.club

axios.defaults.baseURL = 'http://api.htmlx.club'    

// 添加请求拦截器

axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  return config
}, function (error) {
  // 对请求错误做些什么
return Promise.reject(error)
});

// 添加响应拦截器

axios.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response
}, function (error) {
  // 对响应错误做点什么
  return Promise.reject(error)
});

 

3、在main.js中进行引用,并配置一个别名($ajax)来进行调用:

import axios from 'axios'

import '../config/axios'

Vue.prototype.$ajax = axios

如图:

 

 

4、应用,一个登录的post如:

this.$ajax({

  method: 'post',
  url: '/login',
  data: {
    'userName': 'xxx',
    'password': 'xxx'
  }
}).then(res => {
  console.log(res)
})

三、总结

统一处理方便

 

 
分类: 
标签:  ,  , 
好文要顶  关注我  收藏该文 
 
 
 
+加关注
0
0
 
 
 
上一篇:
posted on 
2017-11-23 15:14  阅读(330) 评论(0)  
 
 
刷新评论
发表评论

昵称:

评论内容:
引用 
粗体 
链接 
缩进 
代码 
图片
 

 退出 订阅评论

 

[Ctrl+Enter快捷键提交]

 
 
最新IT新闻:
· 
· 
· 
· 
· 
» 
最新知识库文章:
· 
· 
· 
· 
· 
» 
 

转载于:https://www.cnblogs.com/yhl-0822/p/8489375.html

转载地址:https://blog.csdn.net/weixin_30588827/article/details/98925861 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:我的踩坑之旅-跨域问题引发bug
下一篇:前端开发规范

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2024年03月22日 16时08分04秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

golang mongodb mysql_分享一个golang+mongodb+vuejs开发的博客程序 gocms 2019-04-21
hive java insert_hive表insert报错 2019-04-21
java 调试dll jna_Java调用dll的实现,JNA框架 | 学步园 2019-04-21
ios php上传视频文件_IOS上传图片 PHP服务器接收并上传 2019-04-21
php redis zrevrange,Redis Zrevrange 命令 2019-04-21
php利用word模板导出excel文件,php生成导出word doc和excel文件实例 2019-04-21
java 边缓存边播放,java动态缓存技术:WEB缓存应用 2019-04-21
php云盘匿名,PHP7之匿名类 2019-04-21
matlab数据大小不兼容,MATLAB无法执行赋值,因为左侧的索引与右侧的大小不兼容。 求解... 2019-04-21
editor.md使用php,editor.md 配置参数和使用方法 2019-04-21
python mod,mod_python的安装 2019-04-21
python分析彩票数据,这波太炸了!Python脚本可视化居然可以这么玩 2019-04-21
简单的mysql重置root密码,重置mysql的root密码最简单的方法 2019-04-21
用matlab仿真mmc环流抑制器,一种基于准PR控制原理的MMC阀组环流抑制方法 2019-04-21
oracle 排序的分析函数,Oracle SQL:使用分析排序函数 2019-04-21
oracle direct for hdfs xi下载,ORACLE连接HDFS有个专项的解决方案 2019-04-21
java 403怎么抛出_java – 如何在Spring MVC中返回403禁止? 2019-04-21
java jsch工具类_Java工具集-JSch连接远程服务器工具类 2019-04-21
cmd背景变红1003无标题_怎样修改cmd中文字的大小、颜色和背景颜色呢 原来是这样的... 2019-04-21
php rand() 重复,php – mt_rand()给我总是相同的数字 2019-04-21