vue打包成dist后，请求远程服务器java后端，报跨域。已配置 nginx映射，无法解决问题

后端已经部署在远程服务器使用 nginx 映射

后端部署在 8090， nginx使用 8089映射
浏览器url， 或 ajax 能够请求。
Vue axios打包后无法请求，打包前配置vue代理可以请求

报错

如果你的前端项目部署在8089端口，然后又将8089端口所监听到的请求全部代理到8090端口明显是不对的，这样没办法区分哪些是前端请求哪些是后端请求。

后端请求加这个试试 @CrossOrigin
或者

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class CrossOriginConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowedHeaders("*")
                .allowedMethods("*")
                .allowCredentials(true);
        WebMvcConfigurer.super.addCorsMappings(registry);
    }
}

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 关于该问题，我找了一篇非常好的博客，你可以看看是否有帮助，链接：vue打包成dist发布到nginx服务器后代理失效
• 除此之外, 这篇博客: vue项目打包后 使用nginx部署中的 测试nginx是否正常运行 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
  

  浏览器输入server_name配置的地址加80 ，显示welcome，已经配置成功

  

   

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^