javascript - npm run build產生的檔案如何部署到伺服器上

Question

前端新手，使用 vue-cli 架手架寫了一個前端項目，目前已知使用 npm run dev 在8080端口進行本地調試，但這僅限於調試。那麼 npm run build 產生了dist資料夾之後要如何發佈呢？有人說將 dist 資料夾丟到伺服器上就好了。
那麼問題來了：

• 產生的 dist 資料夾應該放在什麼伺服器上？

• 是否對外發布項目需要先搭建一個伺服器來存放專案文件。

• 對後端一無所知的我應該如何學會將專案部署到伺服器上。

• 有哪些伺服器方便部署 npm run build 產生的專案檔。

小白求科普~任何有關的文章、資料、專案連結都可以丟給我哦，提前感謝~

Answer 1

首先來說伺服器，其實就和你的電腦差不多，有些差別就是伺服器可能硬體條件比你電腦好，然後就是有些伺服器為了運作效率，減去了圖形化介面這一層。所以對於你的問題，你只需要在伺服器上配置好環境，然後將專案放在伺服器上，和你電腦上一樣的操作，你在本地怎麼運行專案的，伺服器上也可以怎麼運行，可能對於沒有圖形化介面的，你需要使用命令列，或是終端，然後就是配置好你伺服器域名，跑起來就可以存取了。

Answer 2

嗯，我試過用IIS和伺服器官方提供的環境來放我的網站。一般來說，如果你只是單純的放個靜態頁面，只需要學下配置IIS，然後把你的頁面放在你指定的目錄就行了，注意有些伺服器的安全群組會阻礙你的訪問，如果不怕別人黑就把伺服器全部安全群組開放了。第二像騰訊雲端伺服器類別在重裝的時候可以到公有市場挑選環境，我那PHP項目就是用別人做好的環境，直接上傳項目，建個資料庫就OK了。

Answer 3

剛好看到這個問題node.js－不懂res.sendFile(path.resolve('./public'))

你用了npm指令,我覺得你對node.js也應該有所了解了.你可以用express起一個伺服器,然後向上面那個問題裡一樣,把public換成你的dist目錄.絕知此事要躬行,試試看.

Answer 4

其實樓上兩個人的回答都是對的，只不過重點不一樣，一樓是大的方面說，配置好伺服器就可以了，該怎麼運行就怎麼運行，只不過沒有部署過專案的人可能就不知道怎麼回事了；二樓說的應該是配置windos伺服器的環境，沒用過的，估計也搞不明白怎麼回事；
實際上，既然你知道用npm run build 生成了文件，那你應該也看到了生成的都是js css 以及html文件，也就是說，不管伺服器是什麼系統，只要你的伺服器上有支援http或https的伺服器軟體就可以，我知道的有nginx和apache兩種，只要安裝了兩個中的一個，並且配合好訪問路徑，把你生成的文件放到伺服器下或者映射路徑下，啟動你的伺服器軟體即可，然後就可以使用你配置的路徑訪問項目，所以你需要搞清楚兩件事：
1、怎麼安裝nginx或apache，百度搜尋一下這種文章非常多；
2、怎麼設定nginx或apache，百度一下文章也很多；

搞清楚這兩個專案也就部署好了

為什麼我不在這說怎麼安裝怎麼配置，這不是一兩句話說明白的事，我描述不清楚；