Vue的路由模式处理404

Posted houzhicongone

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue的路由模式处理404相关的知识,希望对你有一定的参考价值。

在路由配置的界面进行配置:


  path:'*',
  component: importPage('playVue/error'),
,

定义的错误页面error.vue

<template>
<div>
  <h2>404</h2>
   
</div>
  
</template>

<script>
import BtUi from 'components/basic-ui/bontal-base-ui.umd.min';

export default 
 
    name:'notFound',
  data()
    return
    
   
    
  ,
  methods:
 
  

</script>

<style  scoped>

</style>

以上是关于Vue的路由模式处理404的主要内容,如果未能解决你的问题,请参考以下文章

vue路由history模式刷新404问题解决方案

vue 笔记(十七) 404和路由钩子

Vue路由器历史模式返回404错误

NGINX + Vue HTML 模式配置给出 404

Vue--自定义404页面 & 路由钩子&路由钩子与异步请求

Nginx:vue路由使用history模式刷新404