后端接口反向代理

实际开发中,我们可能需要在本地开发环境调用服务器端的接口,但一般我们的网站是不允许接口跨域的,如果在前端工程直接调用就会产生跨域报错,此时可以通过配置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进行授权,转载必须署名,禁止用于商业目的或演绎修改后转载。