Apache反向代理和localhost--“混合内容，必须通过HTTPS提供内容”

Question

我已经为运行在localhost上的节点服务器创建了一个反向代理，以便可以通过HTTPS提供服务。

然而，当应用程序试图发出请求时，我会得到：

内容混合：“HTTPS://foo.com/”的页面通过HTTPS加载，但请求了不安全的XMLHttpRequestendpoint“http：//localhost:8888/graphql？query=%7bnotifications(userid)%7bid%2c……此请求已被阻止；内容必须通过HTTPS提供。

<VirtualHost *:443>
   ServerName www.foo.com
   ServerAlias foo.com
   DocumentRoot /var/www/foo/
   ErrorLog /var/www/foo/error.log
   CustomLog /var/www/foo/requests.log combined

   SSLEngine on
   SSLProtocol all -SSLv2
   SSLCipherSuite HIGH:MEDIUM:!aNULL:!MD5
   SSLCertificateFile "/etc/letsencrypt/live/foo.com/cert.pem"
   SSLCertificateKeyFile "/etc/letsencrypt/live/foo.com/privkey.pem"

   ProxyPreserveHost On
   ProxyRequests Off
   ProxyPass / http://localhost:8888/
   ProxyPassReverse / http://localhost:8888/

</VirtualHost>

Answer 1

您正在打开https://foo.com/上的页面，但是页面中的URL包含hardcodedlocalhost域和端口。在呈现页面时，客户端浏览器将尝试获取'http://localhost:8888/graphql，实际上跳过apache（它在端口80上运行，服务器foo.com)并直接命中节点应用程序，这将1）仅当您从运行节点应用程序的同一台机器上运行浏览器时才会工作，2)即使这样，您也会得到上述错误，因为某些页面资产是使用http加载的。

当您使用相对URL时（例如以/开头的URL)，browser将在基URL之前生成https://foo.com/graphql。

绝对相对URL