宝塔面板部署vue项目

最近闲着无聊，自己买了一个阿里云的服务器玩耍。突发奇想部署一个vue的项目。主要用了宝塔面板进行部署。
1.宝塔面板显示自己的服务器配置（自己百度，这里省略）；主要讲vue的项目的部署情况
在宝塔面板添加自己的站点，（同一个id可以部署不同的站点，本篇文章不做介绍，后续文章有介绍）；

2.vue项目打包
打开你的项目目录，用终端进行打包（npm run build）

dist目录：

3.打包完之后会出现dist的目录，然后将dist放在你的目标站点中。
上传dist目录：

查看目标站点的根目录是不是dist,如果不是可以通过设置。


这样就行了，接下就可以直接访问了，通过你的公网ip访问