springboot+vue前后端分离部署，内网穿透，后端接口无法访问

Question

springboot+vue前后端分离项目部署在tomcat上后成功后，使用natapp内网穿透，为什么只能够访问前端的静态资源后端的接口无法访问

跨域访问配置：

```java
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOriginPatterns("*")
                .allowedMethods("POST", "GET", "PUT", "OPTIONS", "DELETE")
                .allowCredentials(true)
                .allowedHeaders("*")
                .maxAge(3600);
    }

```

Answer 1

以下内容由AIGC及阿里嘎多学长共同生成、有用望采纳：

---

在您遇到的问题中，您已经列出了可能的原因和解决步骤，这是一个很好的开始。以下是一些可能帮助您进一步解决问题的建议：

1. 确认NATAPP配置：

   • 确保您的NATAPP穿透配置正确，包括内网地址、端口以及穿透后的外网地址和端口。
   • 检查NATAPP的日志，看是否有关于请求转发失败的记录。

2. CORS配置检查：

   • 您提供的CORS配置看起来是正确的，但请确保它被正确地应用在Spring Boot应用中。
   • 尝试使用更具体的allowedOriginPatterns，比如"http://your-frontend-domain.com"，以代替"*"，以避免潜在的安全问题。

3. 网络权限和防火墙设置：

   • 检查服务器的防火墙设置，确保没有规则阻止来自NATAPP的请求。
   • 如果您在云服务上部署，检查云服务的安全组规则。

4. 端口一致性：

   • 确认Spring Boot应用监听的端口与NATAPP配置的端口是否一致。

5. 后端服务状态：

   • 检查Spring Boot应用的日志，看是否有错误或异常信息。
   • 确保应用已经启动并且服务正常。

6. 前端请求URL：

   • 确保前端应用中的请求URL是正确的，考虑到可能的相对路径或绝对路径问题。

7. 日志和错误信息分析：

   • 分析前端和后端的控制台日志，网络请求日志，以及服务器日志，查找可能的错误信息或警告。

8. 测试工具使用：

   • 使用Postman或curl等工具直接对后端接口进行测试，以确定问题是否出在前端请求上。

9. 浏览器控制台和开发者工具：

   • 检查浏览器的开发者工具中的网络请求，查看是否有错误或异常的响应。

10. 更新和兼容性问题：

    • 检查您的Spring Boot和Vue版本是否兼容，以及是否有已知的bug或问题。

11. 第三方库和插件：

    • 如果您使用了任何第三方库或插件，请确保它们没有引入任何与CORS相关的问题。

12. 服务重启：

    • 有时候，重启服务可以解决一些临时的问题。

最后，根据您提供的两张图片，似乎有一些浏览器控制台的错误信息，比如Uncaught (in promise)和timeout of 1000ms exceeded，这可能表明请求超时或被阻止。检查这些错误信息可能有助于诊断问题。

希望这些建议能够帮助您解决问题。如果问题仍然存在，您可能需要提供更多的信息，例如具体的请求和响应数据，以便进一步分析。