javascript - 为什么在 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>
解决方案
推荐阅读
- awk - awk 使用带条件的两个分隔符将字段拆分两次
- angular - 角度 i18n 绑定
- ios - 如何在 iOS 项目中使用 HDR 颜色?
- roku - 如何创建项目宽度基于文本的行列表,
- nginx - 如何在生产环境(nginx)中调试 django 通道?
- javascript - 向 Jodit 添加不可编辑/紧凑区域
- r - 在 R 中运行(累积)产品?
- scala - 是否可以使用命名参数进行 Scala 案例类匹配?
- java - 如何将 selenium java 代码集成到 apache 仪表中?
- svg - 颜色更改导致图标不显示在 svg 版本的 font-awesome 5