ssh2-sftp-client实现前端项目自动部署

最新推荐文章于 2025-01-12 11:40:26 发布

逆风优雅

最新推荐文章于 2025-01-12 11:40:26 发布

阅读量602

点赞数

CC 4.0 BY-SA版权

分类专栏：服务器配置文章标签：前端

本文链接：https://blog.csdn.net/qq_44603011/article/details/131952329

服务器配置专栏收录该内容

2 篇文章

订阅专栏

文章讲述了如何通过npm安装ssh2-sftp-client插件，并在JavaScript文件中使用该插件连接到服务器，然后执行npmrunbuild后，上传Vue项目的dist目录到指定服务器路径的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先要npm安装插件

npm i ssh2-sftp-client

项目中新建一个js文件

npm run build 之后在终端中执行这个js文件就可以直接将文件上传到服务器

import Client from 'ssh2-sftp-client';
import { join } from 'path';

const sftp = new Client();

const deploy = async () => {
    try {
        await sftp.connect({
            host: '139.124.230.112',// 自己的域名
            port: '22',// 对应ssh的端口
            username: 'root', // 登录ssh的用户名
            password: "123456", // 服务器密码

        });
        await sftp.uploadDir(join('./dist/'), '/www/wwwroot/www.w.com')
        // ./dist/  要上传的本地的目录,vue build之后会生成的目录就是 dist
        // /www/wwwroot/www.w.com 要上传到的服务器的目录
        console.log('上传成功！')
    } catch (e) {
        console.log(e);
    } finally {
        sftp.end()
    }
}
deploy()