kilokn的博客

原创 多入口解决vue-router跳转空白新页面需求

在Vue.js应用开发中，通常会在App.vue中放置全局公共组件，但某些特殊页面（如登录页、广告落地页）可能需要完全空白，不受这些组件影响。虽然可以通过路径判断控制组件的显示，但当有多个空白页面需求时，这种方法会变得繁琐。为此，可以使用多入口（Multi-Entry）构建独立的空白页面。多入口允许在一个前端工程中配置多个独立的HTML和JS入口文件，使不同页面拥有完全独立的Vue实例、路由和样式。通过修改Webpack或Vite的构建配置，可以创建独立的空白页入口，并配置相应的HTML、Vue入口文件和组