Nginx问题分析

问题再现
Nginx问题分析_第1张图片
分析问题:
就是通过http://182.44.16.68:8077/web-ui/static/js/chunk-libs.82635094.js 地址访问,找不到对应的js文件
首先确认文件在服务器的位置
在这里插入图片描述
发现这个目录下确实有这个js文件,那问题就在于http://182.44.16.68:8077/web-ui/static/js/chunk-libs.82635094.js 这个地址不能通过Nginx找到对应的文件,所以需要添加配置

		location /web-ui/static/ {
				alias /web-ui/static/;
		}

这个配置表示 访问/web-ui/static/的时候,会匹配到服务器的/web-ui/static/位置,现在页面就正常了
Nginx问题分析_第2张图片
那有的同学就会问,我改成下面这样配置为什么就不行呢,还是404 Not Found

		location /web-ui/static/ {
				root /web-ui/static/;
		}

Nginx问题分析_第3张图片
因为root和alias转发的是不一样的,当你访问http://182.44.16.68:8077/web-ui/static/js/chunk-libs.82635094.js的时候
如果是root转发到:http://182.44.16.68:8077/web-ui/static/web-ui/static/js/chunk-libs.82635094.js
如果是alias转发到:http://182.44.16.68:8077/web-ui/static/js/chunk-libs.82635094.js

现在你可能有点懵逼,我们改配置简单点

		location /a/ {
				root /web-ui/static/;
		}
		location /a/ {
				alias /web-ui/static/;
		}

当我访问http://182.44.16.68:8077/a/b.js的时候
如果是root转发到:http://182.44.16.68:8077/web-ui/static/a/b.js
如果是alias转发到:http://182.44.16.68:8077/web-ui/static/b.js

你看懂了吗?

总结:
Nginx问题分析_第4张图片
下课!

你可能感兴趣的:(Nginx,nginx,运维)