vue build 發布到 nginx 會無法展示？

Question

我在本地編輯vue正常
build後把dist內容物丟到web server nginx 的 /var/www/abc 路徑
假設
http://www.abc.com/
這樣會正常展示主頁
但假設進入到
http://www.abc.com/about
可以展示
但當我重新整理這頁（http://www.abc.com/about）時
就會報錯誤 404 Not Found nginx/1.18.0
這是我哪裡設置錯誤？

server {
    listen 80;
    server_name www.abc.com;
    root /var/www/abc;

    location / {
        root /var/www/abc;
        if ($request_uri ~ ^/(.*)\.html$) {
            return 302 /$1;
        }
        try_files $uri $uri.html $uri/ =404;
    }

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

Answer 1

try_files这一行改为:

try_files $uri $uri.html $uri/ /index.html =404;