配置 devServer.proxy,让应用可以跨域仿问非同源网址。
/** http-proxy-middleware 用于后台将请求转发给其它服务器。这里是将在本地服务器上的请求,
通过代理的方式,向非同源目标网址发送(baseURL)。 **/
const proxy = require("http-proxy-middleware");
const baseURL =
"https://www.fastmock.site/mock/e68d869253f9e376375eb399ba932142/test";
module.exports = {
devServer: {
host: "localhost",
port: 8080,
proxy: {
// ”api" 若没找到,会重写成 "/"。
"/api": {
target: baseURL, //代理地址,这里设置的地址会代替axios中设置的baseURL
changeOrigin: true, // 如果接口跨域,需要进行这个参数配置
pathRewrite: {
"^/api": "/",
},
},
},
},
};