[JavaScript知识库]Debug: Vue项目页面空白

Debug: Vue项目页面空白

问题描述：

项目地址打开，页面为空白

解决办法：

检查路由配置

1. 因不小心改了路由配置，导致初始路由错误
   错误示范：

const routes = [
  {
    path: '/main_page',					# 此处的初始路由错误，应该为空		
    name: 'main_page',					# 如果/main_page已开发，就不会出现白屏，会显示/mainpage内容			
    component: main_page,
    
  }
]

2. 修改路由配置
   正确示范：

const routes = [
  {
    path: '/',						
    name: 'main_page',								
    component: main_page,
    
  }
]

3.访问地址
Local: http://localhost:8080/
页面成功跳转到首页