Javascript 使用vue3路由重新加载页面时出现404错误

问题

当我在vue3.js中点击某个路由上的重新加载（例如/installer）时，会出现以下错误：

代码

我在以下设置中使用：

const router=createRouter({
历史记录：createWebHistory（process.env.BASE_URL），
路线，
});

其他信息

（我不使用createWebHashHistory来去除url中的哈希标记）

当我直接（而不是通过链接）转到路线（例如安装程序）时，也会出现此错误

问题

---

如何解决此错误？

这与服务器配置有关，请通读：

。。。然而，问题来了：由于我们的应用程序是一个单页客户端应用程序，没有正确的服务器配置，如果用户直接在浏览器中访问，就会出现404错误。这太难看了。不用担心：要解决这个问题，您只需向服务器添加一个简单的全面回退路由。如果URL与任何静态资产都不匹配，它应该提供与应用程序所在的index.html页面相同的服务。又漂亮了

为不同的服务器提供不同的示例

---

它建议将该软件包用于Express服务器，但我一直使用它，这很好：

if（process.env.NODE_env=='production'）{
//把手水疗
app.get（/.*/，（req，res）=>res.sendFile（uu dirname+'/public/index.html'）；
}