iframe nginx跨域 Unexpected token '<'

`iframe` 和 `nginx` 跨域问题是 Web 开发中常见的问题，特别是当你尝试在一个页面中嵌入另一个域名下的内容时。遇到 `Unexpected token '<'` 的错误通常是由于浏览器的安全策略——同源政策（Same-Origin Policy），它限制了来自不同源的内容如何交互。

当 Nginx 作为反向代理服务器处理请求时，如果目标资源（如一个 JavaScript 文件、HTML 或图片）位于不同域名下，Nginx 需要在响应头添加 `Access-Control-Allow-Origin` 来指定允许的来源。如果没有正确设置这个头部信息，浏览器会解析到预期不是 HTML 的 `<` 标签而引发错误。

解决这个问题的步骤通常包括：

1. **Nginx 设置**：
- 在 Nginx 的配置文件中，增加适当的 `Content-Type` 和 CORS 指令，例如：

     server {
         location /api {
             add_header 'Access-Control-Allow-Origin' '*'; # 允许所有源访问
             add_header 'Access-Control-Allow-Methods' 'GET, POST';
             add_header 'Access-Control-Allow-Headers' 'Authorization, Content-Type';
         }
     }

2. **动态设置 CORS**：
如果需要针对特定请求动态设置 CORS，可以考虑使用lua模块。

3. **后端配合**：
后端API也需要返回正确的 `Access-Control-Allow-Origin` 和其他的CORS头信息。

4. **检查资源URL**：
确保你的 `<iframe>` 的 `src` 属性指向的 URL 包含必要的 CORS 头部。

如果你遇到问题，可以检查你的 Nginx 配置是否已正确配置，并确认目标资源是否支持 CORS。