vue3 devServer.proxy 跨域相关问题记录

记录部分问题

参考

https://cli.vuejs.org/config/#devserver

https://github.com/chimurai/http-proxy-middleware#options

1. 503 Service Temporarily Unavailable nginx

changeOrigin: true

此操作会将host改成target中不带协议的部分

2. Invalid CORS request

2.1 后台设置了Origin白名单，例如WebMvcConfigurer中addCorsMappings中使用allowedOrigins，设置了相关白名单中的值

        changeOrigin: true, 
        ws: true,
        secure: false,
        headers: {
          origin: 'http://localhost'
        },
        ...

2.2 不传Origin参数

        router: function(req) {
          delete req.headers.origin // 这里是可以的
        },
        pathRewrite: function (path, req) {
          delete req.headers.origin // 这里没试过
          return path.replace('/trade', '/')
        }