vue打包项目遇见的一些坑

前言 ：昨天在使用vue-cli的项目时，使用 npm run build 命令打包项目后，发现打包的文件无法使用图片与路由跳转。

路径全为错误信息

进行两步操作，实现打包项目正常使用
1.在vue.config.js 文件下添加代码
publicPath: './' ，指定打包时路径定义为相对路径

2.在 router 定义文件里面，不使用 histtory模式，虽然使用此模式会使代码在生产模式下运行时，路由没有烦人的 # ，但是会导致项目打包时，路径出错。（可能有办法兼顾路由和打包，但是作者没想到，希望有兄弟知道的帮忙评论区补充）。

最终打包效果

完美打包使用！！！
项目体验地址： http://yxc233.gitee.io/mushroom