Nginx问题分析

news2024/12/24 2:29:52

问题再现
在这里插入图片描述
分析问题：
就是通过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/位置，现在页面就正常了
在这里插入图片描述
那有的同学就会问，我改成下面这样配置为什么就不行呢，还是404 Not Found

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

在这里插入图片描述
因为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

你看懂了吗？

总结：
在这里插入图片描述
下课！