day01黑马头条小bug合集及解决办法

### 解决黑马头条项目的跨域问题 为了在黑马头条项目中解决跨域问题，可以通过配置 Spring Cloud Gateway 的 CORS（跨域资源共享）来实现。以下是具体的解决方案： #### 1. 配置 Nacos 中的全局 CORS 设置 在 Nacos 配置中心中，Spring Cloud Gateway 提供了一个 `globalcors` 节点用于设置全局的跨域策略。通过该节点可以定义允许访问的域名、HTTP 方法以及其他相关参数。 完整的 Nacos 配置如下所示[^1]： ```yaml spring: cloud: gateway: globalcors: cors-configurations: '[/**]': allowedOrigins: "*" allowedMethods: - GET - POST - PUT - DELETE ``` 上述配置表示允许来自任何源 (`*`) 的请求，并支持指定的 HTTP 方法 (GET, POST, PUT, DELETE)[^1]。 #### 2. 微服务路由的具体 CORS 处理 除了全局 CORS 配置外，还可以针对特定微服务单独设置 CORS 策略。例如，在文章微服务和用户微服务的路由中分别添加自定义的 CORS 参数。如果需要更细粒度控制，则可以在具体的服务内部进一步调整其 Web 安全配置。 对于文章微服务的部分路由示例已给出如下: ```yaml routes: # 文章微服务 - id: article uri: lb://leadnews-article predicates: - Path=/article/** filters: - StripPrefix=1 ``` 此部分无需额外增加 CORS 属性，因为已经由上面提到过的 **gateway.globalcors** 统一管理了。 #### 3. NGINX 反向代理下的跨域处理 当使用 NGINX 进行反向代理时，也需要考虑前端应用与后端 API 之间的跨域情况。通常情况下，只要确保前后端部署在同一台服务器上或者同一子网下并通过相对路径调用接口就可以规避大部分简单场景下的跨域难题；但如果仍然存在复杂环境下的跨域需求，则需修改对应站点配置文件加入适当头信息声明。 比如按照文档指引新建 heima-leadnews-wemedia.conf 文件并编辑相关内容[^2]: 假设当前 nginx 已经加载 leadnews.conf 主配置项，那么只需补充类似下面这样的片段到新 conf 当中去即可满足基本要求(实际生产环境中建议关闭调试模式以及严格限定 Access-Control-Allow-Origin 值范围而不是通配符*): ```nginx location /wemedia/ { proxy_pass http://localhost:8090; add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'Authorization, Content-Type'; if ($request_method = 'OPTIONS') { return 204; } } ``` 以上代码片段展示了如何利用 NGINX 来应对可能发生的预检请求(OPTIONS)，并且开放必要的头部字段给客户端以便顺利完成 AJAX 请求过程。 --- ### 总结 综上所述，要彻底解决问题可以从以下几个方面入手：一是合理规划好整个系统的架构设计减少不必要的跨域操作机会；二是借助像 Spring Boot 自带的功能组件快速搭建起基础框架再逐步完善细节之处；最后别忘了测试阶段充分验证各种边界条件从而保障最终成果稳定可靠运行！