【ECS初体验】部署Vue静态项目

一、自我介绍

软工大三菜鸟，由于兴趣和项目需要等多方原因需要接触云服务器。通过同学介绍才知道竟然可以白嫖到两个星期的阿里云服务器，新手刚上路，写篇笔记记录一下在阿里云上部署的第一个静态网页的部署。

二、使用云服务器部署项目

一、获得一个服务器并配置

1. 远程登录服务器

   使用远程连接工具Xshell新建会话，填写自己服务器的ip、用户名、密码等信息登录服务器，成功效果如下。

   

2. 安装宝塔面板

   进入宝塔官网，选择服务器对应的系统安装宝塔面板，我是Ubuntu系统所以使用下面的命令

   // Ubuntu系统安装宝塔命令
   wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh

   其他系统命令详见宝塔官网：https://www.bt.cn/bbs/thread-19376-1-1.html

3. 配置安全组

   在服务器面板配置安全组，放行8888端口，登录宝塔界面。

   

二、打包Vue项目

打开要部署的项目文件，执行打包命令

num run build

在根目录下将dist文件夹压缩

三、创建网站并部署

1. 在宝塔面板新建网站，添加站点，将服务器ip地址添加进去

   

2. 进入站点，删除默认文件
3. 将打包好的dist文件夹上传并解压到站点根目录下

   

4. 在浏览器输入ip地址查看自己的项目

   

三、使用收获

非常惊喜的一次体验，很方便就配置好了服务器的各个设置，把自己写的界面部署服务器端了，对于新手来说非常友好了。但是没能把mysql数据库还有其他的一些配置一起弄好还是挺遗憾的，希望下一次发文章能部署一个vue+springboot的前后端分离项目吧。