vue element打包部署后前端访问页面出现404

80 阅读 0 评论 53 点赞

我是靠谱客的博主酷酷大地，最近开发中收集的这篇文章主要介绍vue element打包部署后前端访问页面出现404，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

element项目打包部署至服务器后，前端访问页面出现404页面，无法进入其他页面。

在vue-router路由对象中，路由有两种模式：hash和history，而我一般使用history模式，在history模式下，前端路由须和向后端发起请求的路由一致，如果后端缺少对/news/id 的路由处理，将返回404错误，我将history改为hash就可以访问了。
在这里插入图片描述
前端访问有的页面可以进去，地址栏默认的地址进不去显示404
这个就是你路由有问题，就是你路由守卫里指向了一个默认页面，然后你路由里没有配置默认的空的应该去往那个路由，于是路由里走到了最下面的404。你需要在router 里配置一条默认的路由。
在这里插入图片描述
router 里的配置，默认的会去向‘/home/index’路径。

import Layout from "@/layout";
export const constantRoutes = [
   {
    path: '/',
    component: Layout,
     redirect: '/purchase/purchase'
   },
   ]