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

posted @ 2022-05-10 20:09  尹宇星_Kim  阅读(250)  评论(0编辑  收藏  举报