首页 > 解决方案 > 为什么在 vue.config.js 中使用 vue `pages` 参数,localhost 会停止运行?

问题描述

在“标准”vue 应用程序中,yarn serve(或npm serve)引用 package.json("serve": "vue-cli-service serve",)中的服务脚本会导致类似的结果:

  App running at:
  - Local:   http://localhost:8080/ 
  - Network: http://192.168.4.86:8080/

当我在 vue 中定义 MPA 时pages

const pages = {
    main: {
        entry: './src/main.js',
        chunks: ['chunk-vendors']
    }
  }


module.exports = {

    runtimeCompiler: true,
  
    pages: pages,
    filenameHashing: false,
    productionSourceMap: false,
    publicPath: process.env.NODE_ENV === 'production'
        ? '/static/vue'
        : 'http://localhost:8080/',
    outputDir: '../_static/vue/',
    ...,
    config.devServer
            .public('http://localhost:8080')
            .host('localhost')
            .port(8080)
            .hotOnly(true)
            .watchOptions({ poll: 1000 })
            .https(false)
            .headers({ "Access-Control-Allow-Origin": ["*"] });
        config.module.rules.delete('eslint');

}

它停止工作。如何让它发挥作用?(它对开发非常有帮助)更新:它返回一个带有标题的空页面:

 <title><%= htmlWebpackPlugin.options.title %></title>

标签: javascriptvue.jsvuejs2

解决方案


推荐阅读