Fork me on GitHub

本地vue项目自动化部署到服务器

  平常我们项目进行部署时,大多数仅仅是以测试为目的(或者说项目内容不会有频繁的改动),因此使用FTP文件传输工具(如:FileZilla)即可满足我们的需求。

  但对于需要频繁改动的项目部署(如我的个人笔记库网站:https://note-taking.cn/ ),自动化部署就显得尤为重要。

解决方案

  使用scp2包。

npm i scp2

使用方式

  项目根目录新建upload.ssh.js文件,其内容如下:

"use strict";
// 引入scp2var
var client = require("scp2");
console.log("开始自动上传!");
client.scp(
  "./docs/.vuepress/dist/", // 默认打包的路径
  {
    host: "", // 此处替换为你自己服务器的ip
    port: "22", // ftp端口号 ,一般为22 或 21
    username: "root", // 服务器登录用户名
    password: "", // 服务器登录密码
    path: "/www/wwwroot/……/", // 项目要上传到服务器的路径,要服务器上的绝对路径
  },
  (err) => {
    if (!err) {
      console.log("项目发布完毕!");
    } else {
      console.log("err", err);
    }
  }
);

部署时

  • package.json
{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs",
    "upload": "node upload.ssh.js",
    "deploy": "npm run docs:build && npm run upload"
  },
}
posted @ 2022-07-07 12:06  Lencamo  阅读(1041)  评论(0编辑  收藏  举报