vue 启动页配置_vue-cli3 打包成app，怎么设置启动页？

使用vue-cli生成的项目，怎么设置启动页，在apo.vue中添加一个组件，设置它的显示与隐藏，来达到一个启动页的功能；

export default {

name: "App",

data() {

return {

startPageShow: true,

};

},

mounted() {

// 判断页面是首次加载还是刷新

if (window.performance.navigation.type === 1) {

this.startPageShow = false;

let isLogin = localStorage.getItem("token");

if (!isLogin) {

this.$router.replace({ path: "/login", name: "login" });

}

} else {

// 首次加载的话显示启动页内容

this.isLogin();

}

},

methods: {

// 判断是否登录,跳转不同页面

isLogin() {

let isLogin = localStorage.getItem("token");

// 首先判断是否有token，如果有代表已经登录，则直接跳转到首页

if (isLogin) {

setTimeout(() => {

this.startPageShow = false;

this.$router.replace({ path: "/", name: "home" });

}, 3000);

} else {

// 否则跳转到登录页

setTimeout(() => {

this.startPageShow = false;

this.$router.replace({ path: "/login", name: "login" });

}, 3000);

}

},

},

};

.start_page {

width: 100%;

height: 100%;

background: url("./assets/img/index/cover.jpg") no-repeat;

background-size: cover;

}