奇怪的混合内容问题

Question

我在Chrome Developer Tools中出现这个错误已经有一段时间了，我似乎就是找不到不安全的http：//请求。它指向我的域，但没有https：//。http://www.example.com/不是一个脚本，所以我不明白它是从哪里来的。

内容混杂：“HTTPS://www.example.com/categoy/a-product.html”页面是通过HTTPS加载的，但请求的脚本“http://www.example.com/”不安全。此请求已被阻止；内容必须通过HTTPS提供。

内容混合：“HTTPS://www.example.com/categoy/a-product.html”页面是通过HTTPS加载的，但请求的XMLHttpRequestendpoint“http://www.example.com/”不安全。此请求已被阻止；内容必须通过HTTPS提供。

Answer 1

我也有类似的问题。您所承载的页面是否是使用HTML5/History/Push-State路由的单页应用程序？

这种类型的路由有许多名称，但它所做的是将基于哈希的urlhttps://address.com/page/#client/side/route替换为常规路由，如https://address.com/page/client/side/route。当文件由静态文件服务器承载时，文件服务器可能不知道客户端路由，并返回404，而不是将所有内容路由到index.html。显然，这可能会导致您在Chrome中描述的问题，即使页面看起来可能工作。

简而言之，许多静态文件宿主工具不适合为具有HTML5路由的SPA提供服务，特别是http-server(https://github.com/indexzero/http-server/issues/80)。尝试其他工具（例如serve)或将nginx与try_files$URI$URI/index.html一起使用。