Question

我正在使用 admin 端和 client 端制作 MPA 。

我需要配置vue.config.js来做到这一点。我在文档中发现需要制作每个页面的对象。（https://cli.vuejs.org/config/#pages）这些是地雷：

module.exports = {
  pages: {
    admin: {
      entry: 'src/Admin/main.js',
      template: 'public/admin.html',
      filename: 'admin.html',
      title: 'Admin Page',
      chunks: ['chunk-vendors', 'chunk-common', 'admin']
    },
    index: {
      entry: 'src/Client/main.js',
      template: 'public/client.html',
      filename: 'client.html',
      title: 'Client Page',
      chunks: ['chunk-vendors', 'chunk-common', 'client']
    },
  },
}

该配置的问题是 Vue将“索引”作为子页面。

我要访问以下页面：localhost：8080 /。但是它只会加载访问本地主机的client / main.js：8080 / index /

我应该如何配置vue.config.js以将一个main.js用于 localhost：8080 / ，将另一个main.js用于 localhost：8080 / admin / < / p>

“标题”和“夹头”的作用是什么？我只从官方文档中复制它。

Answer 1

谢谢！我修好了它。但是现在我的问题不同了。我无法访问根localhost：8080 /的站点。它需要使用路径本地主机：8080 / index

我也遇到了同样的问题，即常规应用程序没有在根目录下提供，并且在文档中找不到任何内容。但是，当我将index页面密钥重命名为其他名称（在以下情况下为client）时，主应用程序位于以下根目录：localhost:port/

module.exports = {
  pages: {
    client: {
      entry: 'src/Client/main.js',
      template: 'public/client.html',
      filename: 'client.html',
      title: 'Client Page',
      chunks: ['chunk-vendors', 'chunk-common', 'client']
    },
    admin: {
      entry: 'src/Admin/main.js',
      template: 'public/admin.html',
      filename: 'admin.html',
      title: 'Admin Page',
      chunks: ['chunk-vendors', 'chunk-common', 'admin']
    }
  }
}

配置VueJS页面（vue.config.js中有多个页面）MPA

1 个答案: