后端接口反向代理
实际开发中,我们可能需要在本地开发环境调用服务器端的接口,但一般我们的网站是不允许接口跨域的,如果在前端工程直接调用就会产生跨域报错,此时可以通过配置Webpack的调试服务器(devServer)反向代理解决。UmiJS也是类似的,不过对这些配置进行了封装。
反向代理使用proxy字段进行配置,下面是一个例子。
export default defineConfig({
proxy: {
'/api/v1': {
'target': 'http://127.0.0.1:8080/',
'changeOrigin': true,
'pathRewrite': {'^/api/v1': '/api/v1'},
}
},
});
我们这里配置对/api/v1开头的请求都通过反向代理请求后端。
作者:Gacfox
版权声明:本网站为非盈利性质,文章如非特殊说明均为原创,版权遵循知识共享协议CC BY-NC-ND 4.0进行授权,转载必须署名,禁止用于商业目的或演绎修改后转载。