本文共 699 字，大约阅读时间需要 2 分钟。

最近一直在捣鼓的Springboot+Vue 前后端分离项目，Vue 前端项目打包部署到Nginx 服务器访问时，点击导航栏切换一直报错：

解决方案：

• 让错误在一个路由守卫函数中被同步抛出；
• 让错误在一个路由守卫函数中通过调用 next(err) 的方式异步捕获并处理；
• 渲染一个路由的过程中，尝试解析一个异步组件时发生错误时，重新渲染目标页面，并将异步组件改为同步组件。

在src 目录下的permission.js加入router.onError 进行处理：

渲染一个路由的过程中，尝试解析一个异步组件时发生错误时，重新渲染目标页面

router.onError(error => {     const pattern = /Loading chunk (\w)+ failed/g  const isError = error.message.match(pattern)  const targetPath = router.history.pending.fullPath  if (isError) {       router.replace(targetPath)  }})