Vue CLI 多入口模式下 devServer 的访问入口

假设有如下的多入口配置

module.exports = {
  pages: {
    index: {
      // page 的入口
      entry: 'src/index/main.js',
      // 模板来源
      template: 'public/index.html',
      // 在 dist/index.html 的输出
      filename: 'index.html',
      // 当使用 title 选项时，
      // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
      title: 'Index Page',
    },
    subpage: 'src/subpage/main.js'
  }
}

然后通过 npm run serve 启动本地开放服务器，可以通过 http://localhost:8080/index 访问 index 的入口，通过 http://localhost:8080/subpage 访问 subpage 入口。

要注意的是，在多入口模式下的开放，需要注意路由的配置，比如之前根路由可以设置为 /，现在得设置为 /index 或 /subpage