Javascript vue路由器在构建时显示空白页

我在寻求帮助。我使用vuejs制作我的应用程序。一切都很完美。但是我执行

npm run build

，提取dist文件夹并打开index.html，我有一个空白页面，当我查看控制台时，没有错误

main.js

从“Vue”导入Vue；
从“Vuex”导入Vuex；
从“/router”导入路由器；
从“/App.vue”导入应用程序；
从“/plugins/vuetify”导入vuetify；
从“/store”导入存储；
进口{
验证观察者，
ValidationProvider，
延伸
本地化
}从“vee验证”；
从“vee validate/dist/locale/fr.json”导入fr；
从“vee validate/dist/rules”导入*作为规则；
//安装规则和本地化
Object.keys（规则）.forEach（规则=>{
扩展（规则，规则[规则]）；
});
本地化（“fr”，fr）；
//全局安装组件
组件（“ValidationObserver”，ValidationObserver）；
组件（“ValidationProvider”，ValidationProvider）；
Vue.config.productionTip=false；
//荷载vue力矩
Vue.使用（要求（“Vue力矩”）；
//加载vuex
Vue.use（Vuex）；
//加载vueRouter
新Vue({
路由器，
vuetify，
商店，
渲染：h=>h（应用程序）
}).$mount（“#app”）；

路由器/index.js

从“Vue”导入Vue；
从“vue路由器”导入VueRouter；
从“./components/Professeur”导入专业人员；
从“./组件/材料”导入材料；
从“./组件/仪表板”导入仪表板；
从“./组件/Filiere”导入Filiere；
从“./组件/销售”导入销售；
从“./组件/计划”导入计划；
从“./组件/计划行”导入计划行；
从“./components/Login”导入登录名；
从“./组件/主目录”导入主目录；
Vue.config.productionTip=false；
Vue.use（VueRouter）；
常量路由器=新的VueRouter({
模式：“历史”，
路线：[
{
路径：“/dashboard”，
名称：“仪表板”，
组件：仪表板，
元：{
真实的
},
儿童：[
{
路径：“人员/教授”，
姓名：“p_教授”，
组成部分：教授
},
{
路径：“”，
姓名：“家”，
组成部分：家庭
}
]
},
{
路径：“/login”，
名称：“登录”，
组件：登录，
元：{
客人：是的
}
}
]
});
路由器.beforeach（（到、从、下一个）=>{
if（to.matched.some（record=>record.meta.requireAuth））{
让user=JSON.parse（localStorage.getItem（“\u GET\u TOKEN”）；
如果（！user&&！user.token）{
下一个({
名称：“登录”
});
}否则{
next（）；
}
}否则{
next（）；
}
});
导出默认路由器；

App.vue

导出默认值{
名称：“应用程序”，
}

一旦我编译，我没有错误，只有一个空白页

---

谢谢你的帮助。我尝试在没有路由器视图的情况下启动index.html，一旦编译用于生产，我就可以进行渲染。

您正在为路由器使用

历史

模式，这意味着您将通过

/login

或

/dashboard

或

/dashboard/personal/professuers

等路径访问页面，哪些是您声明的唯一路线

/

或

/index.html

不显示任何内容，因为路由器不知道它们是什么

但是，为了使

历史记录

模式正常工作，您不能只使用静态服务器。服务器必须知道对

/dashboard

的请求应该返回

index.html

文件

如果您使用了VueCLI，以下选项可能会有所帮助：

如果在

历史记录

模式下使用Vue路由器，则简单的静态文件服务器将失败。例如，如果将Vue路由器与路由一起用于

/todos/42

，则dev服务器已配置为正确响应

localhost:3000/todos/42

，但为生产构建服务的简单静态服务器将改为响应

404

要解决这个问题，您需要将生产服务器配置为对任何与静态文件不匹配的请求回退到

index.html

。Vue路由器文档提供

---

如果您不想处理此问题，或者没有服务器支持您执行此操作，您可以在路由器中将

历史

切换到

哈希

模式。您的路由可以在

/index.html#/dashboard

等处访问。

但是如果我在项目中没有使用vue router，它可以正常工作。您可能需要添加更多信息。节点不太可能是问题所在here@evolutionxbox像什么？像什么？添加我的路由器和main.js的代码？任何可以帮助我们理解问题的东西。运行和构建Vue应用程序几乎需要Nodejs（除非我弄错了）。我不知道我添加的代码是否可以帮助您？是的，我使用Vue cli创建我的项目。