axios 及proxy 代理

aoxis 封装请求

安装依赖

npm install axios

全局的 axios 默认值

axios.defaults.baseURL = ‘https://api.example.com’;

axios.defaults.headers.common[‘Authorization’] = AUTH_TOKEN;

axios.defaults.headers.post[‘Content-Type’] = ‘application/x-www-form-urlencoded’;

自定义实例默认值

// Set config defaults when creating the instance

const instance = axios.create({

baseURL: ‘/’，

timeout: 5000

});

拦截器

在请求或响应被 then 或 catch 处理前拦截它们。

// 添加请求拦截器

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);

});

配置代理，可以访问到后台的服务器地址

安装依赖

npm install --save-dev http-proxy-middleware

在src文件夹中创建setupProxy.js内容配置如下

const {createProxyMiddleware} = require(‘http-proxy-middleware’);

module.exports = function(app) {

//可以配置多个 不同的url

app.use(’/api’, createProxyMiddleware({

target: ‘’,//后台服务器地址

changeOrigin: true,

pathRewrite: {

‘^/api’: ‘’,

},

})

)

app.use(’/api’, createProxyMiddleware({

target: ‘’,//后台服务器地址

changeOrigin: true,

pathRewrite: {

‘^/api’: ‘’,

},

})

)

}