部署项目时前端请求后端跨域问题

Question

今天部署项目的时候遇到跨域问题
我先将图片贴出来

这里说跨域，预检请求也过不去，一般是后端解决跨域，所以我在网关模块进行了跨域配置

这时没有跨域了

当我点击登入的时候问题又来了

请求过来了网关是一定会打印日志的，可以发现这前后两个请求过来了，也是请求成功了没有发生跨域

报跨域的这个请求，这个接口我后端确实有，但是他请求也没有发过来，试了各种办法 实在是不知道怎么办了

Answer 1

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

---

从你提供的图片和描述来看，你已经在后端网关模块进行了跨域配置，但仍然遇到了一些问题。以下是一些可能的原因和解决方案：

1. 检查跨域配置是否正确

• 确保跨域配置允许了所有必要的请求头和方法。从你提供的代码截图来看，你已经允许了所有请求头和方法，并且允许了所有请求来源。

2. 检查登录请求的跨域配置

• 从你的描述来看，登录请求似乎没有正确发送到后端。需要确认前端发送的请求是否正确，包括请求的URL、方法和请求头。

3. 检查后端接口的实现

• 确保后端接口能够正确处理请求并返回预期的响应。从你的日志截图来看，登录请求的日志显示为“CORS 错误”，这表明跨域请求仍然存在问题。

4. 检查前端请求的发送方式

• 确认前端发送请求的方式是否正确，比如是否使用了正确的HTTP方法（GET、POST等），以及请求头是否正确设置。

5. 检查前端的跨域配置

• 尽管主要的跨域问题通常在后端解决，但也需要检查前端是否有相关的跨域配置，比如CORS配置。

6. 进行调试和测试

• 进行详细的调试和测试，确保在不同的网络环境下，前端的请求都能正确地发送到后端，并得到正确的响应。

7. 检查请求的URL

• 确认前端请求的URL是否正确，确保请求发送到了正确的后端接口。

8. 检查预检请求的处理

• 预检请求（preflight request）是浏览器在发送实际请求之前发送的一种请求，用于检查服务器是否允许实际请求。确保后端正确处理了预检请求。

9. 检查后端日志

• 从你的日志截图来看，后端网关确实接收到了请求，但需要进一步检查后端服务是否正确处理了这些请求。

10. 检查浏览器控制台

• 检查浏览器控制台中的错误信息，可能会提供更多关于跨域问题的线索。

11. 检查网络安全策略

• 确保没有网络安全策略（如防火墙或安全组）阻止了跨域请求。

通过以上步骤，你应该能够逐步定位并解决跨域问题。如果问题仍然存在，建议进一步检查后端服务的配置和代码实现，或者尝试在开发环境中重现问题进行更详细的调试。