iframe nginx反向代理 Unexpected token '<'

Question

本项目地址;http://aa.com
目标代理地址：https://cc.com

<iframe id="bdIframe" ref="cc.com/bb+'token'" :src="href" frameborder="0" style="width: 100%; height: 100%" allowtransparency scrolling="no"></iframe>

ngin配置：

location /bb{
     root   html\bb;
      add_header Access-Control-Allow-Origin * ; # 允许任何源
      add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS'; # 允许的方法
      add_header Access-Control-Allow-Headers 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
      add_header Access-Control-Allow-Credentials true; # 允许携带凭证

      proxy_pass http://cc.com;
      index index.html index.htm;
    }

报错：
Uncaught SyntaxError: Unexpected token '<' (at runtime.9e2272ec7accba663cb3.js:1:1)

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

这个错误提示通常意味着你在尝试解析JSON数据时遇到了意外的字符，比如在这里是'<'字符。在你的情况下，这个错误可能是由于Nginx的反向代理配置不正确导致的。看起来你的Nginx配置是为了将请求转发到http://cc.com/，但是似乎有一些问题导致返回的内容并不是预期的JavaScript文件，而是一个HTML页面或其他非预期的格式，其中的'<'字符引起了解析错误。

这可能是由几个原因导致的：

可能的错误点：

1. 代理目标地址问题：确认你的代理目标地址（即 http://cc.com/）是否确实提供了你预期的JavaScript文件。可能的情况是，该地址返回了一个HTML页面或其他非预期的格式。
2. 路径问题：如果http://cc.com/下的资源路径和你预期的路径不匹配，也可能导致这个问题。例如，如果你的JavaScript文件是在http://cc.com/somepath/runtime.9e2272ec7accba663cb3.js，但在Nginx配置中使用了错误的路径，可能会导致这个错误。
3. 服务器响应头问题：确保服务器响应头中的Content-Type正确地标识了返回的内容类型。如果服务器返回的是一个HTML页面而不是JavaScript文件，但响应头中的Content-Type却是application/javascript，浏览器在尝试解析这个HTML作为JavaScript时会引发错误。

解决步骤：

• 确认你的代理目标地址是否正确返回了预期的JavaScript文件。你可以直接在浏览器中访问这个URL来检查。
• 检查Nginx配置中的路径是否正确，特别是如果你的JavaScript文件是在特定的子目录下。
• 查看服务器返回的响应头（特别是在代理服务器返回的响应头），确保Content-Type是正确的。你可以使用浏览器的开发者工具来查看网络请求和响应详情。
• 如果以上步骤都不能解决问题，你可能需要进一步调试你的Nginx配置或者查看代理服务器的日志来找到更具体的错误信息。

通过调试这些可能的错误点，你应该能够找出问题所在并解决这个错误。