Vue的config.js中的proxy配置跨域,在开发环境下是正常的,但是build打包后无效

Vue的config.js中的proxy配置跨域,在开发环境下是正常的,但是build打包后无效

问题描述:

打包后的dist,用express服务器运行后跨域配置无效,本来用 "/api"代替了本地后端服务器的地址http://localhost:3000,但是报错的时候使用了前端页面的服务器地址http://localhost:8080/api/article 404 (Not Found)
为什么打包后配置的跨域就无效了?那该怎么配置跨域?

跨域配置一般就是为了解决本地跨域问题,生产环境需要后端处理,nginx配置

打包就不能使用跨域代理了,打包之后就不再进行前后端分离了,该合并到一起了,使用同一个端口号,第三方的跨域设置放到nginx里面进行配置跨域代理