获得一个只有app.vue项目但没有其他组件的空白白色屏幕

Question

我有一个基于vuejs的应用程序，并使用cordova构建。在我创建了ios之后，它成功地构建了应用程序，但当我模拟ios时，它只显示了app.vue组件，而没有显示其他组件。app.vue的内容是nav.vue。它只显示导航栏，并使另一个屏幕变为白色。有人能帮我解决这个问题吗。

</platform>
<platform name="ios">
<allow-intent href="itms:*" />
<allow-intent href="itms-apps:*" />
<splash src="res/screen/ios/icon.png" />
</platform>
<access origin="about:*" />
<allow-navigation href="about:" />
<access origin="tel:" launch-external="yes" />
<access origin="mailto:" launch-external="yes" />
<preference name="scheme" value="app" />

这是我的config.xml

Answer 1

请尝试在Mac上使用Safari Developer Tools连接到您的测试设备并查看JavaScript控制台。你经常会在那里看到错误。在安卓系统上，你可以使用Chrome来实现这一点。

Answer 2

我正在回答我的问题。我只需将中的vue路由历史模式更改为哈希模式就可以解决这个问题如下方所示

const router = new VueRouter({
mode: "hash",
base: process.env.BASE_URL,
routes,
});

并在vue.config.js文件中添加以下代码

devServer:{
https:false
}