Vue-cli 配置多页面应用，如何修改输出路径，https://locahost:80/module/index.html

Question

自己网上查阅修改的vue-cli 搭建多页面应用，配置之后的目录路径为
http://localhost:8080/module/... build
如何修改webpack配置 是最后npm run build之后目录路径为http://localhost:8080/login.html
如下项目目录

Answer 1

这个答案还是 通过自己编写的getEntries()函数进行修改就可以 众多博客中多页面配置 都是在webpack.base.conf.js prod.conf.js dev.conf.js 中编写了一个getEntries()函数 可以将这个函数放在/build/utils.js 中 在配置文件引用即可 pathname 是‘module/[你的文件名]’如‘module/login’ 最终输出只要在输出basename 即文件名就可以 login 这样在开发环境可以不用在url使用http://localhost:8080/login.html来访问 生产环境/dist目录下也不会有module文件夹

exports.getEntries = function(_path) {
  var entries = {};
  glob.sync(_path).forEach(function(entry) {
    var basename = path.basename(entry, path.extname(entry));
    var pathname = entry.split('/').splice(-3).splice(0, 1) +'/'+ basename;
    entries[basename] = entry;
  });
  return entries;
}

Answer 2

./config/webpack.base文件里面可修改。

Answer 3

HtmlWebpackPlugin filename中配置

Answer 4

config/index.js
build: {assetsPublicPath: '/'}
改成build: {assetsPublicPath: './'}