vue 打包后自动部署到云服务器——scp2教程

本文涉及的产品
云服务器 ECS,u1 4核16GB 1个月
云服务器ECS,u1 2核4GB 1个月
云服务器 ECS,u1 2核4GB 3个月
简介: vue 打包后自动部署到云服务器——scp2教程

1. 安装scp2

cnpm i scp2 --save-dev

2. 新建文件upload.js

package.json同级

let client = require('scp2');
const ora = require('ora');
const chalk = require('chalk');
const spinner = ora(chalk.green('正在发布到服务器...'));
spinner.start();

client.scp('./dist/', {    // 本地打包后,项目包的相对路径,默认为./dist
  "host": '106.12.123.173', // 云服务器的IP地址
  "port": '22',            // 云服务器端口, 一般为22
  "username": 'root',       // 云服务器用户名,linux系统一般为root
  "password": '******',     // 云服务器密码,若忘记了,可以去云服务器主页重置密码
  "path": '/root/itNote'   // 项目包上传到云服务器的目标位置,根据nginx配置决定
}, err =>{
  spinner.stop();
  if (!err) {
    console.log("项目发布完毕!")
  } else {
    console.log("err", err)
  }
})

3. 添加自动部署命令

在package.json的scripts的末尾添加

"upload": "node upload.js",
    "pub": "npm run build && npm run upload"

4. 运行命令,自动打包部署

npm run pub

控制台输出 “ 项目发布完毕! ” 时,即部署成功

5. 查看项目

浏览器中访问 http://106.12.123.173/works/itNote

相关实践学习
ECS云服务器新手上路
本实验会自动创建一台ECS实例。首先,远程登陆ECS实例,并部署应用。然后,登陆管理控制台,并对这台ECS实例进行管理操作。
7天玩转云服务器
云服务器ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,可降低 IT 成本,提升运维效率。本课程手把手带你了解ECS、掌握基本操作、动手实操快照管理、镜像管理等。了解产品详情: https://www.aliyun.com/product/ecs
目录
相关文章
|
12天前
|
安全 Java 网络安全
Java Socket编程教程:构建安全可靠的客户端-服务器通信
【6月更文挑战第21天】构建安全的Java Socket通信涉及SSL/TLS加密、异常处理和重连策略。示例中,`SecureServer`使用SSLServerSocketFactory创建加密连接,而`ReliableClient`展示异常捕获与自动重连。理解安全意识,如防数据截获和中间人攻击,是首要步骤。通过良好的编程实践,确保网络应用在复杂环境中稳定且安全。
|
2天前
|
JavaScript 应用服务中间件 nginx
【项目部署系列教程】4. 将Vue项目部署到远程服务器
【项目部署系列教程】4. 将Vue项目部署到远程服务器
22 1
|
9天前
|
JavaScript 应用服务中间件 nginx
如何将你的vue项目部署到服务器
如何将你的vue项目部署到服务器
22 2
|
17天前
|
弹性计算
2024年阿里云免费云服务器及学生三百通用额度申请教程参考
阿里云2024年继续提供免费学生云服务器,最长可享7个月(1+6个月);还有300元无门槛抵用金,适用于全量公共云产品(特殊商品除外)。学生需完成身份认证和任务以领取和续费。此外,有3个月免费的飞天试用云服务器,分为个人和企业版。详细申请教程包括学生认证、试用产品选择等步骤,可访问指定阿里云链接进行操作。
831 2
|
2天前
|
数据安全/隐私保护
【项目部署系列教程】2. 本地连接远程服务器 xshell xftp
【项目部署系列教程】2. 本地连接远程服务器 xshell xftp
7 0
|
7天前
|
JavaScript Java 应用服务中间件
打包前后端程序并在阿里云服务器上部署,只需几步就能实现!
打包前后端程序并在阿里云服务器上部署,只需几步就能实现!
|
29天前
|
JavaScript 前端开发 API
vue使用element plus组件上传服务器
vue使用element plus组件上传服务器
16 1
|
8天前
|
安全 Linux Python
【安全狗】linux免费服务器防护软件安全狗详细安装教程
【安全狗】linux免费服务器防护软件安全狗详细安装教程
17 0
|
23天前
|
存储 PHP 数据库
蓝易云 - WordPress建站教程:服务器目录指南
了解这些目录和文件的作用,可以帮助你更好地管理你的WordPress网站,以及解决可能出现的问题。但是,请注意,除非你清楚自己在做什么,否则不要随意修改这些目录和文件,因为这可能会导致你的网站出现问题。
30 0
|
4天前
|
弹性计算 缓存 安全
阿里云服务器ECS收费标准参考,2核4G配置ECS实例规格整理
阿里云提供多种2核4G ECS实例,如计算型c7、经济型e、u1等,价格不等,从68.0元/月到203.0元/月。ECS通用算力型u1实例采用高性能Intel处理器,网络收发包能力达30万PPS。经济型e实例基于Intel Xeon Platinum,适合入门级需求。2核4G服务器支持的并发访问人数依赖于软件效率、带宽、应用架构和用户行为等因素。更多信息请查看阿里云ECS产品页。