Vue配置多页面应用

Vue配置多页面应用

vue常用单页面开发，在系统越做越大的时候，常会在系统内嵌套另外的页面，单页面程序已经不太适用了。

单页面应用（SinglePage Web Application，简称SPA）

只有一个html页面，只需要一开始加载一次js、css的相关资源。所有内容都包含在主页面。跳转是通过组件的切换完成的，跳转较为流畅，组件化开发，易维护。缺点：首次进入加载过慢，只能刷新局部资源。

多页面应用（MultiPage Application，简称MPA）

有多个html页面，每个页面都需要加载js、css的相关资源，首屏加载较快。缺点：跳转较慢。

多页面应用配置

单页面程序在这里不做过多介绍，接下来已vue3脚手架为例介绍多页面程序如何配置：

1. 创建项目后创建vue.config.js文件，配置多页面的映射

module.exports = {
   
    pages: {
   
        system: {