7、添加构建后操作
8、保存后点击立即构建
9、构建服务是否成功
四、查看服务是否启动
1、检查服务器中是否有构建成功的前端文件
2、上传前端打包好的dist文件
2.1、打包前端代码
npm run build
这时，目录结构中会出现dist文件目录
2.2、对dist文件目录进行压缩
2.3、手动上传dist.zip至服务器
2.4、解压dist.zip
#查看上次好的dist.zip cd /tmp/ ls
#移动dist.zip sudo mv dist.zip /usr/share/nginx/html #切换至/usr/share/nginx/html路径下 cd /usr/share/nginx/html ls #解压dist.zip sudo unzip dist.zip
3、修改nginx.conf文件
因为是前端，需要做映射，所以需要修改nginx的配置文件
3.1、进入nginx.conf文件的所在位置
#切换至nginx.conf路径 cd /usr/local/nginx/conf
3.2、对nginx配置文件进行修改
#进入nginx.conf vi nginx.conf
输入i进行编辑，编辑完成后，按ESC，:wq保存退出即可！
3.3、重启nginx
进入到nginx.conf所在的上一级路径下，在进行重启nginx
#重启nginx配置文件 sudo ./sbin/nginx -s reload #查看nginx进程 ps aux|grep nginx
五、访问前端页面
