首先要了解出现打包空白的原因
原因:打包后文件位于根目录的绝对路径/下
假设部署在apache服务器,index.html则位于/var/www/html项目下
但是我们部署项目是将dist文件放于/var/www/html下
所有需更改路径为相对路径./
解决办法:
项目根目录中添加webpack的配置文件vue.config.js
module.exports = {
publicPath: './'
}再npm run build打包即可
首先要了解出现打包空白的原因
原因:打包后文件位于根目录的绝对路径/下
假设部署在apache服务器,index.html则位于/var/www/html项目下
但是我们部署项目是将dist文件放于/var/www/html下
所有需更改路径为相对路径./
解决办法:
项目根目录中添加webpack的配置文件vue.config.js
module.exports = {
publicPath: './'
}再npm run build打包即可