新版本Chrome浏览器，如果域名网站是 HTTPS协议的，请求了 HTTP 的资源会直接报错 (blocked:mixed-content)

控制台报错：

chunk-vendors.d4793e9e.js:33 Mixed Content: The page at 'https://www.xxxxxxxx.com/portal/#/error?msg=xxxxx' was loaded over HTTPS, but requested an insecure resource 'http://zm.xxxxxxxx.com/api/v1/report/web'. This request has been blocked; the content must be served over HTTPS...

解决办法

方法一、chrome 关闭该网站的安全设置

1、点击这个小锁

2、不安全内容的设置改成允许

方法二、改代码，HTTP改成HTTPS

把这些请求资源路径都改成 HTPPS

但是实际情况，这些资源都是没有配置证书的，都是HTTP的，所以很难行得通

方法三、改代码，Nginx转发

把请求的路径都换成我们的，有证书的路径，然后在 Nginx 里做一层转发，即在 Nginx 层调用 HTTP 真实的路径

即欺骗一下浏览器

这个基本可行，只是需要配置 Nginx 转发策略