jeecg项目部署笔记

最近要把 jeecg的前端项目部署到服务器上，结果出了错误。我一个前端超级小菜鸟啥也不会，鼓捣了好久 。

项目部署

打包
用的是webstrom，Antd-Jeecg,
写好的项目 直接 build打包，会在项目目录下生成一个dist文件

将dist文件复制到服务器上的 nginx文件的HTML文件夹下

我这里是复制到别的自己建的obd文件夹了，因为HTML下已经有别的项目了。到时候 修改配置 引用进去就好了。

后台服务器配置nginx文件（jeecg文档参考链接 ）

修改 nginx下的conf文件夹下的nginx.conf文件

红框里是要按需求修改的值 ，
配置了这个location便可以通过http://域名/jeecg-boot/xxxx 访问你的项目了。

我的问题

①项目部署完部分图片加载不出来
②项目运行缓慢，且只能通过首页访问，其他页面加载不进去

问题一

百度了很多方法，（参考链接，一定要看！）
原因： 通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的。我们的图片路径都是经历过文件夹的，在本地引用图片是绝对路径，但打包后因为把配置的static文件夹当成了根路径，所以很多图片找不到都不显示。
总结就是：打包后解析出的路径错了，找不到图片了。
确实，我在F12查看图片的时候，发现路径是错误的，显示路径在一个不存在的/user/下。

解决办法：
找到这样一段代码：插入publicPath:’…/’

普通VUe项目 是在 webpack.prod.conf.js文件里的，但Antd-jeecg项目里的文件是被开发者修改过的，我在项目依赖的文件下找到的

这也据你的实际情况来看 ，我是…/ 返回一层就行，看大家大多返回两层 publicPath:’…/…/’
返回几层可以看这篇，主要是F12看错误文件路径 ，与正确的文件路径比对

其他参考：参考一 、参考二 （这几篇可以提供很有用的思路，感谢大佬们！）

问题二

原因肯定是路由设置有关，我参考了jeecg官方文档的这一篇

修改后页面加载确实不会出现问题，

小结：

但我个人觉得这可能不是最正确的解决办法，
只是解决了我当下的问题，希望有大佬可以指教！
感谢以上所有参考链接的大神们，对我这种小白来说 真的很有用！
希望大家在参考这篇的时候一定要看一看，看完思路会清晰很多的。