VUE2 0自動打包專案到伺服器

五步帶你完成vue-cli 專案打包一鍵部署（測試）服 務 @一鍵部署 vue2.0~3.0 都可以使用

1、在根目錄 新建deploy 資料夾：

.env.dev類容如下

.env.prod類容如下

2、index.js 檔案類容如下：

const scpclient = require('scp2');

const ora = require('ora');
const chalk = require('chalk');
const server = require('./products');
const spinner = ora('正在發布到' + (process.env.node_env === 'prod' ? '生產' : '測試') + '伺服器...');
spinner.start();
scpclient.scp(
'./dist', // 這個路徑是你需要上傳到伺服器的資料夾路徑
,function (err) else });

/*

*讀取env環境變數
*/const fs = require('fs');
const path = require('path');
// env 檔案 判斷打包環境指定對應的伺服器id
const envfile = process.env.node_env === 'prod' ? './.env.prod' : './.env.dev';
// env環境變數的路徑
const envpath = path.resolve(__dirname, envfile);
// env物件
const envobj = parse(fs.readfilesync(envpath, 'utf8'));
function parse(src) ;
src.split('\n').foreach(line => 
// remove any surrounding quotes and extra spaces
value = value.replace(/(^['"]|['"]$)/g, '').trim();
res[key] = value;
}});
return res;
}/* *定義多個伺服器賬號 及 根據 server_id 匯出當前環境伺服器賬號
*/const server_list = [,];
module.exports = server_list[server_id];//0,1

npm i -d cross-env scp2 ora

npm run deploy:prod 

//這裡我用的是生產環境，根據個人需要自行控制

一般沒有報錯就會提示你上傳成功，直接重新整理頁面就可以生效了

Vue專案webpack打包部署到伺服器

這篇博文主要說的就是我今天遇到的問題，而且在經過我的詢問，好多人在打包部署的時候都遇到了一些問題，下面就來說下，如何將vue專案放置在伺服器上，這裡以tomcat為例。tomcat下面的目錄結構 但是這肯定是不行的，然後我就開始尋找答案，也根據別人的一些步驟做了下來，後來發現還是有一些問題的，沒有辦...

Vue專案打包，部署到apache伺服器

1 專案配置 2 打包專案，命令 npm run build 3 將生成的dist檔案內容拖至伺服器預設專案位址 web root default location data www default 4 後端配置 1.專案配置 在config中的index.js裡build下修改webpack配置 ...

Vue專案打包部署到apache伺服器

vue專案在開發環境下，讓專案執行起來，是通過npm run dev命令，原理是在本地搭建了乙個express伺服器。但是在伺服器上就不是這樣的，必須要通npm run build命令來對整個專案進行打包，打包後會在專案目錄下生成乙個dist資料夾，內容如下 然後就是把這些檔案丟到伺服器上的某個資料...