vue 构建项目遇到的问题
1、我在打包完成后,打开index.html文件发现地址并没有携带路由。
config下的 index.js 中的build命令的配置有一个属性叫assetsPublicPath,它的值为‘/’。意思是根目录,这时会从index.html所在的硬盘的根目录下开始查找,自然无法找到。
解决办法: 改为 ‘./ ’这时就不再是绝对路径的根目录了,而是改为了相对路径,同目录下进行查找。再次打包,页面基本正常。
2、vue打包后CSS中引用的背景图片不显示问题
静态资源的引用有两种路径:
绝对路径:从盘符开始的路径,如:C:\windows\system32\cmd.exe
相对路径:从当前路径开始的路径
静态资源都在static上面 ,如 app.css访问static/img/’图片名’是访问错误的,因为在css目录下并没有static目录。所以此时需要先回退两层到根节点处才可以正确获取到图片('../../static/img/’图片名');
解决的方法:打开build/utils.js,在图中相应位置加入红框内容,其中值可能会有不同,若不同,自己配置成相应的即可。