最重要的是axio请求默认本地路径，nginx配置代理

devServer: {
port: port,
open: false,
overlay: {
warnings: false,
errors: true
},
proxy: {

    target: http://localhost:8080/ShaoxingBackend/,
    changeOrigin: true,
    pathRewrite: {
      ['^' + process.env.VUE_APP_BASE_API]: ''
    }
  }
}
// after: require('./mock/mock-server.js')

},
proxy应该是配置跨域，其中VUE_APP_BASE_API有两个地方用到，分别在生产环境和开发环境中：

但是我还看到nginx服务器的配置也有跨域相关的

location /prod-api {
proxy_pass http://localhost:8080/xxx;
client_max_body_size 200m;
}
但是vue中不是已经包含了吗？带着这个问题，我把nginx的这段配置注释掉，重启。结果是：

所以vue中的生产环境的跨域是没有解决的，于是我搜索了一些关于vue.config配置跨域的博文，算是理解了。

https://blog.csdn.net/LEGLO_/article/details/96712706

转载请注明出处:

转载自https://lxfamn.cn/blog

未经允许不得转载：lxfamn » vite跨域配置