Vue element admin 官方文档

https://panjiachen.github.io/vue-element-admin-site/zh/guide/essentials/deploy.html#%E6%9E%84%E5%BB%BA

参考文档打包后会在文件目录内生成dist文件夹

这个就是静态资源文件，之后扔到Nginx上

关键点！

hash模式下一般不会出什么问题，但在histoty模式下经常出现找不到界面，404，空白页，子路由无法跳转等情况！

我用histoty主要是去除路由路径中的#，因为有这玩意有时候对接其他东西会出问题

之后path路径改成图中一样的，打包就可以了

之后将dist文件夹内的东西拷贝

放到这里

配置Nginx

替换配置文件里的东西

启动NGINX在8080端口就可以直接访问到界面 了

如有其他问题可在评论区交流！