项目部署到服务器上，刷新页面报404

_Jika_

于 2022-08-19 10:47:15 发布

阅读量3.3k

点赞数 6

CC 4.0 BY-SA版权

文章标签：服务器 nginx 运维

本文链接：https://blog.youkuaiyun.com/weixin_37331593/article/details/126420174

本文讲述了项目部署后遇到404错误的解决方法，关键在于将history模式的路由配置到nginx的try_files中，以确保正确解析URL。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目部署后，刷新页面出现404错误，在本地运行则正常。
在这里插入图片描述
原因：项目的路由不是采用hash模式（访问路径中间加#），而是采用了history模式（/A/B）。因此，需要在 nginx.conf配置文件中，加上try_files配置即可，例如：

server{
    listen 3000;
    server_name  localhost;
    location / {
        root   /opt/project/dist;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
}