Vue项目部署Nginx后刷新页面出现404问题求助

我将Vue项目部署到Nginx后，首次访问正常，但刷新页面就会出现404错误。尝试了Nginx配置里的5种写法，问题依旧。

刷新后的页面状态、控制台报错信息均显示404相关异常。

我的Nginx配置如下：

server {
    listen       80;
    server_name  localhost;

    # 默认页面
    location / {
        root   html;
        index  index.html index.htm;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }


    # alias提供静态文件服务。前端配置
    location /project1/ {
        # configure 1. work but 404 after refreshing browser
        alias D:/DevelopingEnvironments/nginx-1.26.1/html/project1/;
        index index.html index.htm;
        try_files $uri $uri/ /index.html;

        # configure 2. work but 404 after refreshing browser
        # alias D:/DevelopingEnvironments/nginx-1.26.1/html/project1/;
        # index index.html index.htm;
        # try_files $uri $uri/ /project1/index.html;

        # configure 3. work but 404 after refreshing browser
        # root D:/DevelopingEnvironments/nginx-1.26.1/html/project1/;
        # index index.html index.htm;
        # try_files $uri $uri/ /index.html;

        # configure 4. work but 404 after refreshing browser
        # root D:/DevelopingEnvironments/nginx-1.26.1/html/project1/;
        # index index.html index.htm;
        # try_files $uri $uri/ /project1/index.html;

        # configure 5. work but 404 after refreshing browser
        # root /html/project1/;
        # index index.html index.htm;
        # try_files $uri $uri/ /project1/index.html;

    }

    # proxy_pass用于反向代理。后端配置
    location /prod-api/ {
        # gateway
        proxy_pass http://192.168.10.201:8080/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }

}

已经尝试了上述5种配置方式，均存在刷新浏览器后404的问题，恳请帮忙解答，万分感谢！

内容的提问来源于stack exchange，提问作者Stack