使用 Vue Router 和 Nginx 刷新时出现 404

Question

我在 Ubuntu 服务器上有一个项目，在刷新或手动输入 URL 时会产生 404 错误。例如，我可以访问 example.com，但无法访问 example.com/home，也无法在该页面上刷新而不会出现 404 错误。单击链接可以按预期工作。我在历史模式下使用 Vue 路由器，并在 nginx.conf 文件的 http 部分添加了以下内容：

server {

            listen 80;
            server_name example.com;

            root /var/www/example.com;

            location / {
                    try_files $uri $uri/ /index.html;
            }
    }

我可以使用 sudo nginx -t 测试配置并且它通过了，但我仍然收到 404 错误。可能值得一提的是，我在该服务器上有多个服务器块。

Answer 1

我对 nginx.conf 做了一些修改，这有效：

server {

            listen 80;
            server_name example.com;

            index index.html;

            location / {
                    root /var/www/example.com;
                    index index.html;
                    try_files $uri $uri/ /index.html;
            }
    }