nginx 如何配置指向带有hash值的index.html文件？

Question

现场景如下：
react 项目中打包生成的index.html 文件，包含有一个哈希值： index.as23fs.html 类似这种。
在nginx 中配置指向的时候，不知道如何指向index.**.html,

location / {                       root   html/demo;            index  index.html index.html; // 想要使用方法指向index.as23fs.html            try_files $uri $uri/ /index.html;        }

请教各位老铁们了

Answer 1

用正则表达式：

server {    listen 80;    location / {        root html/demo;        index index.html;        try_files $uri $uri/ @hashed;    }    location @hashed {        if (-f $document_root$uri/index.*.html) {            rewrite ^/(.*)/$ /$1/index.*.html break;        }        try_files $uri =404;    }}

Answer 2

可以使用正则表达式来匹配包含哈希值的文件。下面是修改后的nginx配置：

location / {    root   html/demo;    index  index.html;    try_files $uri $uri/ /index.html;        location ~ ^/index\.[0-9a-f]+\.html$ {        try_files $uri $uri/ /index.html;    }}

以上配置中，使用了location ~ ^/index\.[0-9a-f]+\.html$来匹配以index.开头，后面跟着一串由0-9和a-f组成的哈希值的文件名。其中\用于转义.字符，以保证正则表达式的正确性。匹配成功后，会尝试访问该文件，如果不存在则会继续尝试访问/index.html。这样就可以指向带有哈希值的index.html文件了。