配置nigix之后页面静态资源加载不到报错: This request has been blocked; the content must be served over HTTPS...
时间: 2023-06-30 09:26:54 浏览: 68
nginx配置,不同的转发,静态资源加载
这个错误提示是因为你的网页使用了 HTTPS 协议访问,但是页面中的静态资源却是通过 HTTP 协议加载的,导致浏览器阻止了这些资源的加载。解决方案是将静态资源的地址改为 HTTPS 协议的地址,或者将整个网站都配置为 HTTPS 协议。具体操作可以参考以下步骤:
1. 将 Nginx 配置文件中的 listen 指令改为监听 443 端口,并配置 SSL 证书,如下所示:
```
server {
listen 443 ssl;
server_name your_domain.com;
ssl_certificate /path/to/ssl/cert;
ssl_certificate_key /path/to/ssl/cert/key;
location / {
# your website configuration
}
location /static/ {
# your static resources configuration
}
}
```
2. 将网页中静态资源的地址改为 HTTPS 协议的地址,如下所示:
```
<link rel="stylesheet" href="https://your_domain.com/static/css/style.css">
<script src="https://your_domain.com/static/js/main.js"></script>
```
3. 重启 Nginx 服务,使配置生效。
```
sudo systemctl restart nginx
```
阅读全文