html图片链接子页面,Nginx加载图片、css、js、子页面的配置问题

访问页面时默认的配置文件F:\nginx-1.15.8\nginx-1.15.8\conf\nginx.conf是加载不出图片、js等的,还有可能出现404的错误，以及通过js跳转到子页面找不到的情况

这时需要进行配置下面三个location块：

#设定实际的服务器列表

upstream load_balance_server {

server 127.0.0.1:8081 weight=1;

server 127.0.0.1:8082 weight=1;

}

server {

#监听80端口，80端口是知名端口号，用于HTTP协议

listen 8086;

server_name 192.168.1.92;

#默认指向product的server

location / {

proxy_pass http://load_server;

}

#这里开始添加下面三个location...

#加载图片

location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|ttf|woff|svg|map|eot)$

{

root F:\1;#你自己网站的目录指到主页面目录就行

}

#加载js\css

location ~ .*\.(js|css)?$ {

root F:\1;#你自己网站的目录

}

#加载html

location ~ .*\.(html|htm)$ {

root F:\1;#你自己网站的目录

}

保存命令cmd，nginx所在目录输入: nginx -s reload

刷新浏览器你就可以看到效果了