记一次vuecli打包的艰辛过程

背景介绍

我是用的阿里云服务器，买了服务器之后直接装了宝塔面板，在宝塔面板上面装了nginx，然后想要部署自己写的前后端分离项目。
我最大的错误就是一个是用的宝塔装的nginx，第二个是盲目跟着教程走，没有自己去实践，导致了非常傻逼的问题。

首先

因为是宝塔装的nginx，因为自身没有对Nginx有过一个具体的学习，就知道他是一个反向代理工具，我就想着傻瓜式的直接用宝塔安装，结果我不清楚是不是宝塔的原因，装的nginx配置文件中全是Php的配置，并且再server块中有很多默认关于静态资源的配置。

本人vuecli版本 @vue/cli 4.5.15

我跟着网上的教程，把所有vue配置中的文件改了又改
我甚至排列组合每个都试了一遍，但是无一例外
（比如修改config文件夹下的index.js,build文件夹下的utils.js等等等等的）
打开的页面都是白屏，就是静态资源404

不过这张图是我后截的
我就是为了演示一下效果，当时部署不上去我气的血压都高了，根本没心情总结。

关键在于啥，那时候我打包完在本地我是可以打开我的Index.html的
并且静态资源都是正常的
我被这个问题困扰了整整一个小时
百度的标签页都快开了3，40+

解决办法

后来我想会不会是我nginx配置的问题，最后终于把目光放到了nginx上
把所有的vue中的配置全部清空,(git祼奔)
他妈的
最后把nginx的配置改成纯净版就好了（删除所有看不懂的配置）
在自己重新配一下就好了
他妈的

总结

主要还是Nginx的只是不清楚,加上本身前端部署这一块不熟练自己的问题