vue-cli 打包陷阱

   使用vue-cli 构建完成，编写完代码后进行打包

npm run build

　生成 dist 文件夹，里面有 index.html 文件，浏览器打开后发现时空白的，问题出现在了打包路径上。

   解决方法：

   找到项目中根目录下的 config 文件夹 ，打开 index.js 文件

  修改 assetsPublicPath 的值，如图所示

  重新访问，项目即可正确运行。

关于 “/”，“./”，“../”三种路径：

以/开头的路径就是绝对路径，/是指根目录；

以./开头的路径是相对路径，相对的是自身文件所在的目录；

以../开头的路径是相对于自身文件上级的目录。