一、安裝 scp2
|
1
|
npm install scp2 --save-dev |
二、寫好腳本
例如 upload.js （下面任選一個即可）
位置和 package.json平級即可。
簡略版
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
'use strict'// 引入scp2var client = require('scp2');client.scp('./dist/', { // 本地打包文件的位置 "host": 'XXX.XX.XX.XXX', // 服務器的IP地址 "port": 'XX', // 服務器端口， 一般為 22 "username": 'XXX', // 用戶名 "password": '*****', // 密碼 "path": 'XXX' // 項目部署的服務器目標位置}, err =>{ if (!err) { console.log("項目發布完畢!") } else { console.log("err", err) }}) |
稍微美化下控制臺的輸出
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
'use strict'// 引入scp2var client = require('scp2');// 下面三個插件是部署的時候控制臺美化所用 可有可無const ora = require('ora');const chalk = require('chalk');const spinner = ora(chalk.green('正在發布到服務器...'));spinner.start();client.scp('./dist/', { // 本地打包文件的位置 "host": 'XXX.XX.XX.XXX', // 服務器的IP地址 "port": 'XX', // 服務器端口， 一般為 22 "username": 'XXX', // 用戶名 "password": '*****', // 密碼 "path": 'XXX' // 項目部署的服務器目標位置}, err =>{ spinner.stop(); if (!err) { console.log(chalk.green("項目發布完畢!")) } else { console.log("err", err) }}) |
?記得項目git上傳時忽略此文件, 因為這里面包含了你的服務器地址、用戶以及密碼
三、在 package.json中添加 scripts 命令
|
1
2
|
"upload": "node upload.js","deploy": "npm run build && npm run upload" |
四、執行腳本
|
1
|
npm run deploy |
運行這個腳本命令之后，它會先npm run build執行打包命令，然后，執行node upload.js,將打包的文件上傳到服務器
到此這篇關于vue-cli3項目打包后自動化部署到服務器的方法的文章就介紹到這了,更多相關vue-cli3打包自動化部署到服務器內容請搜索服務器之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持服務器之家！
原文鏈接：https://blog.csdn.net/assgrsryiy12/article/details/108407387
