Vue3 多页面开发详解，详细配置、场景、问题及解决方案

最新推荐文章于 2025-03-20 15:57:06 发布

置顶

繁若华尘

最新推荐文章于 2025-03-20 15:57:06 发布

阅读量4.2k

点赞数 67

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_41504401/article/details/145640519

版权

Vue3 多页面开发详解

在 Vue3 中，虽然默认推荐单页面应用（SPA），但多页面应用（MPA）在一些场景下更合适。以下是详细配置、场景、问题及解决方案：

一、多页面开发配置

1. 基于 Vue CLI 的配置

步骤：

修改 vue.config.js，配置 pages 字段：

module.exports = {
       
  pages: {
       
    page1: {
       
      entry: 'src/pages/page1/main.js',
      template: 'public/page1.html',
      filename: 'page1.html',
    },
    page2: {
       
      entry: 'src/pages/page2/main.js',
      template: 'public/page2.html',
      filename: 'page2.html',