英特网校

vue项目打包部署解决白屏问题

vue利用npm打包上线时,总是会出现页面空白问题,出现这些问题主要是js文件很资源文件的路径有问题,导致页面不能显示。所以在项目部署时需要修改配置参数。

打包使用的命令 npm run build

一:build>>utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静态文件的问题)

1.png

二:config>>index.js(修改assetsPublicPath:'./' ,修改目的是为了解决js找不到的问题)

2.png

三:build>>webpack.prod.conf.js,在output模块中添加  publicPath: './' ,如下图所示:

11.png



配置好,直接用npm run build生成index.html和static文件

评论中心

登录后可评论,请 登录 注册