nginx启动vue项目刷新页面404

问题描述

vue单页面history路由模式项目部署上线之后, 刷新页面会跳到404页面

异常原因

页面刷新时会重新向服务器发起请求，因是单页面应用，故仅存在一个页面，非首页页面刷新时（路径并非首页路径），服务器接收到请求后，找不到对应的文件，故返回404。

解决方案

在ngixn配置中添加如下配置即可

location / { # 默认路径下
    root   /home/myprojecct/dist; # 渲染所需页面的位置, 适合webpack打包后的文件目录
    index  index.html;
    try_files $uri $uri/ /index.html; # 解决页面刷新404问题
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容