vue-cli打包之后的dist文件无法运行index.html
程序员文章站
2022-05-13 20:53:33
...
vue版本
"vue": "^2.5.2","webpack": "^3.6.0",
问题
打包之后的 dist 文件下面包含 static 文件和 index.html 文件,直接打开index.html文件为空白,控制台会有很多错误
解决方法
build/util.js
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
publicPath:'../../', //添加这句
fallback: 'vue-style-loader'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
config/index.js
将文件中的两个assetsPublicPath: '/'
改为assetsPublicPath: './'
推荐阅读
-
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
-
vue-cli打包后本地运行dist文件中的index.html操作
-
解决vue 项目使用webpack打包后,直接打开dist文件夹下的index.html页面空白的问题
-
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
-
vue打包之后的dist文件里的index.html,打开显示空白,并且报错
-
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
-
vue-cli打包之后的dist文件无法运行index.html
-
springboot打包jar文件运行后无法读取jar目录中的Excel模板文件
-
vue-cli打包后本地运行dist文件中的index.html操作
-
解决vue 项目使用webpack打包后,直接打开dist文件夹下的index.html页面空白的问题