Axios代理配置及响应拦截处理
Axios是vue官方推荐的异步处理方案,所以在几个vue的项目里,都用到了,所以这里写一下Axios的代理配置和响应拦截处理
代理配置
代理主要是为了解决跨域问题,但是现在常规解决跨域的方式,就是让后端配置响应头,使用cors方式跨域前端基本不需要任何处理。但是有时候后端比较懒,就需要前端通过代理请求完成跨域,其实就是相当于在本地开了一个服务器,通过服务器进行向另一个服务器的代理请求。但是这样又会产生一定问题,就是再部署到服务器上时,前端项目也必须设置代理,或者直接和后端项目部署同源环境
下面是代理请求的配置:
//config/index.js 文件里
module.exports = {
dev{
proxyTable: {
'/': {
//将开头为 ‘/’的接口替换
target: 'http://www.hahaha.com/', //导向这个地址
changeOrigin: true,
ws:true,
pathRewrite: {
'^/': '' //将开头的斜杠去掉
}