Vue项目打包以及遇到的问题
- 项目打包: 运行 npm run build 即可
-
项目打包后将dist文件夹里面的文件,放到apache服务器上,并打开后台服务器及数据库,
dist文件夹中文件如下
image.png
问题:
问题1. 打开页面为空白页,报错显示未请求到数据
原因: 打包时未修改文件的路径,默认是绝对路径,故页面结构都出不来
解决办法: 修改 config.文件夹中的index.js文件中的如下:
image.png
修改如下,并重新打包,再上传文件
assetsPublicPath: './',
productionSourceMap: false
问题2: 打开页面背景图片不显示问题
原因: 也是由于背景图路径的问题
解决办法:
修改build文件夹下面的 utils.js文件
image.png
如图代码中加入:
publicPath:'../../',
就能解决问题啦
