Vue.js 如何解决vue上找不到的404问题？

我使用vuex store发送项目中多个页面的链接

我的路由器是这样的：

Vue.use（路由器）
导出默认新路由器({
模式：“历史”，
base:process.env.base\u URL，
路线：[
{
路径：“/”，
姓名：'家'，
组成部分：家庭
},
{
路径：“/搜索结果”，
名称：'搜索结果'，
组件：搜索结果
},
{
路径：'/detail'，
名称：'详细信息'，
组成部分：细节
}
]
})

在我的main.js中，我添加如下内容：

newvue({
创建（）{
让self=这个
window.onbeforeunload=函数（e）{
如果（self.$route.path=='/detail'| | self.$route.path==='/search result'）{
e=e | | window.event
//旧浏览器
如果（e）{e.returnValue='您所做的更改可能无法保存'}
//safari，chrome（chrome忽略文本）
return“您所做的更改可能无法保存”
}否则{
返回空
}
}
if（performance.navigation.type==1）{
if（this.$route.path=='/detail'| | self.$route.path==='/search result'）{
这是.$router.push（{path:'/'}）
}否则{
console.log（'重新加载页面而不重定向'）
}
}
},
渲染：h=>h（应用程序）
}).$mount（“#应用程序”）

所以，如果用户刷新，它将返回主页

在我的localhost中，它可以工作。但在我的服务器产品上，如果我刷新，则存在如下错误：

404找不到

nginx/1.14.0（Ubuntu）

---

我怎样才能解决这个问题？我使用SPA的项目是否需要SSR实现？

您是否配置了服务器？@Steven B.是的course@SuccessMan我注意到上面的代码中有一个打字错误，

=='/earch result'

，可能应该是

=='/search result'

@Pascal Lamers。很抱歉Typo@Pascal拉默斯，你有解决办法吗？