跨域http-proxy-middleware

http-proxy-middleware

原理

在本地临时生成一个node服务,本地的请求发送到这个node服务中,在由node服务进行转发去请求真正的服务器地址,在将结果返回给本地.借用服务器之间的请求没有同源策略实现跨域

特点

http-proxy-middleware是webpcak中间件,proxy是用于构建环境的而不是用于依赖环境,webpack打包后,构建环境不会在包中存在,所以只能在开发阶段使用,不能在线上部署环境中使用

## 使用
const {createProxyMiddleware} = require("http-proxy-middleware");
// http-proxy-middleware处理跨域
module.exports = (app)=>{
    app.use("/api",createProxyMiddleware({
        target:"http://localhost:3001",
        changeOrigin:true,
        pathRewrite:{
            '^/api':""
        }
    }))
}