IDEA使用Alibaba Cloud Toolkit 发布VUE项目服务器Nginx

因为我是一个后端工具人,前端工具用的也不熟悉,最近使用Alibaba Cloud Toolkit发布SpringBoot到服务器,现在手头刚好又一套前端代码,所以我们这里演示一下如何使用Alibaba Cloud Toolkit插件发布前端代码到Nginx

插件

插件安装不再赘述,打开Tools找到Alibaba Cloud,而我们需要用的是Deploy to Host...,我们开始填写发布配置

配置发布信息

代码上传配置
IDEA使用Alibaba Cloud Toolkit 发布VUE项目服务器Nginx_第1张图片

npm命令配置
IDEA使用Alibaba Cloud Toolkit 发布VUE项目服务器Nginx_第2张图片

代码备份

IDEA使用Alibaba Cloud Toolkit 发布VUE项目服务器Nginx_第3张图片

启动发布

1.npm打包中
IDEA使用Alibaba Cloud Toolkit 发布VUE项目服务器Nginx_第4张图片

2.代码上传中
IDEA使用Alibaba Cloud Toolkit 发布VUE项目服务器Nginx_第5张图片

发布验证

IDEA使用Alibaba Cloud Toolkit 发布VUE项目服务器Nginx_第6张图片

可以看到我们原先部署的dist已经备份到20210121-181821,服务也已经部署成功了!

附:nginx配置

IDEA使用Alibaba Cloud Toolkit 发布VUE项目服务器Nginx_第7张图片

你可能感兴趣的:(前端)