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

时间:2021-03-06 22:37:47

标签: nginx vue-router

我在 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 错误。值得一提的是,我在这台服务器上有多个服务器块。

1 个答案:

答案 0 :(得分:0)

我稍微修改了 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;
            }
    }