美文网首页
Vue3 + vite + nginx项目部署后404问题

Vue3 + vite + nginx项目部署后404问题

作者: 晨煜煌 | 来源:发表于2022-10-11 15:25 被阅读0次

    vue3 + vite + nginx

    在服务器上部署后打开首页都没问题,打开其他路径全部 404。

    nginx 报错日志:No such file or directory

    其实查看 build 后的dist文件夹可以发现,只有一个index.html,当你访问别的路径时nignx查找不到所以就报错了

    解决方案:
    在 nginx.conf 中添加: try_files $uri $uri/ /index.html;

    server {
              listen       80;
              server_name  localhost;
              location / {
              root   /dist;
              index  index.html index.htm;
              # 在配置文件的此处加上这句话
              try_files $uri $uri/ /index.html;
            }
        }
    
    

    PS:

    其实上述改动就是告诉 nignx 找不到文件的时候就访问 index.html 就可以了。

    究其原因其实就是是 vue3 的 router 使用了history模式,该模式与之前hash模式的具体区别可以自行百度一下,不在此赘述。

    相关文章

      网友评论

          本文标题:Vue3 + vite + nginx项目部署后404问题

          本文链接:https://www.haomeiwen.com/subject/cyczartx.html