vue3项目配置History路由,部署之后,页面开始正常,刷新404

原因

在使用Vue.js开发后台项目时,部署到阿里云服务器并遇到路由刷新后出现404错误,通常是因为服务器端没有正确配置来处理前端路由。Vue Router默认的hash模式在刷新时不会出现404问题,因为hash部分不会被发送到服务器,但如果你使用的是history模式,就需要在服务器端进行一些配置,以便在刷新页面时能正确地返回SPA(单页面应用)的index.html文件。

解决办法

                                Nginx

location / {
    try_files $uri $uri/ /index.html;
}
                            
Nginx配置

Nginx配置

上一篇

Nuxt3项目部署

下一篇

暂无文章

史努比博客