当前位置: 首页 > 后端技术 > Node.js

Vue路由器刷新404问题

时间:2023-04-03 18:50:24 Node.js

1.问题描述了一个单页应用的Vue项目,设置路由模式为history。如果可以跳转但是刷新页面,会显示为404。vue-router默认的hash方式是使用url的hash来模拟一个完整的url。当URL更改时,页面不会重新加载。但是这种hash比较丑陋,不符合url的使用习惯。因此,需要使用另一种叫做history的模式来实现不重载页面的URL跳转。exportdefaultnewRouter({mode:"history",routes:[#othercode])}2.Apache服务器配置RewriteEngineOnRewriteBase/RewriteRule^index\.html$-[L]RewriteCond%{REQUEST_FILENAME}!-fRewriteCond%{REQUEST_FILENAME}!-dRewriteRule./index.html[L]3.nginx服务器配置位置/{try_files$uri$uri//index.html;}