1. 在本地將Vue專案打包
以專案運行在vscode為例，在除錯視窗輸入 npm run build待命令執行完畢之后，在專案目錄下會生成dist檔案夾，如下圖
2. 創建一個運行檔案，名字是：server.js
server.js中的內容如下：
const express = require('express');
const app = express();
app.use(express.static('./dist'));
//運行時的埠，可以自己自定義
const port = 7777;
app.listen(port, function (err) {
if (err) {
console.log(err);
return;
}
console.log('Listening at http://localhost:' + port + '\n');
});
———————————————
3.打包上傳檔案并將該檔案上傳到linux中
在windows中創建一個檔案夾，名字自取，例如buildtest，將專案中的dist、node_modules、server.js復制到buildtest中，如下圖，
4.上傳到Linux中
windows中的檔案上傳到Linux中的辦法有很多，這里我用的時Xftp軟體，
如果你要上傳的不是隱藏目錄的話，那用MobaXterm之類的軟體連接到服務器之后直接往相應的檔案夾下面拖拽就可以了，但是因為我上傳到的目錄是隱藏目錄，在可視化界面找不到，
安裝包：
————————————————
Xftp https://www.aliyundrive.com/s/Ya282r7NYV5 提取碼: 3b1i 點擊鏈接保存，或者復制本段內容，打開「阿里云盤」APP ，無需下載極速在線查看，視頻原畫倍速播放
建立連接成功后你會看到以下界面，
注意：！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
一定要將buildtest打包成壓縮檔案，例如我這里是打包成了zip檔案，不然上傳的時候特別慢，而且還可能出現檔案丟失的情況，在會話視窗選擇好你要上傳到Linux中的哪個位置之后，拖拽進去即可，
————————————————
5、解壓buildtest.zip并運行
cd 到Linux中存放buildtest.zip的目錄中，執行命令 unzip buildtest.zip即可解壓buildtest.zip并存放在同級目錄中，如下圖，當然，如果你不想放在同一級目錄那也可以解壓到其他目錄，相關命令自行查詢，
————————————————
6.查看是否運行
打開瀏覽器，輸入，服務器IP+埠，例如:http://192.168.1.112:7777,別輸入http://localhost:7777,
localhost是對于服務器來說，但是瀏覽器肯定是在你本地的windows機子上，所以你得輸入服務器的ip，
寫在后面：在查閱資料的時候，資料中記載的是打包檔案中只需要dist、server.js，但是我試過之后報錯找不到node_modules，后來我加了一個node_modules就成功運行了，
轉載自：https://blog.csdn.net/weixin_44747173/article/details/127096471
本文來自博客園，作者：.net&new，轉載請注明原文鏈接：https://www.cnblogs.com/wugh8726254/p/17365744.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/551532.html
標籤：其他
下一篇：返回列表