vue3项目配置History路由,部署之后,页面开始正常,刷新404
原因
在使用Vue.js开发后台项目时,部署到阿里云服务器并遇到路由刷新后出现404错误,通常是因为服务器端没有正确配置来处理前端路由。Vue Router默认的hash模式在刷新时不会出现404问题,因为hash部分不会被发送到服务器,但如果你使用的是history模式,就需要在服务器端进行一些配置,以便在刷新页面时能正确地返回SPA(单页面应用)的index.html文件。
解决办法
Nginx
location / {
try_files $uri $uri/ /index.html;
}
Nginx配置
上一篇
Nuxt3项目部署
下一篇
暂无文章