問題描述

前端新手，使用 vue-cli 架手架寫了一個前端項目，目前已知使用 npm run dev 在8080端口進行本地調試，但這僅限于調試。那么 npm run build 生成了dist文件夾之后如何發布呢？有人說將 dist 文件夾丟到服務器上就好了。那么問題來了：

生成的 dist 文件夾應該放在什么服務器上？

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

對后端一無所知的我應該如何學會將項目部署到服務器上。

有哪些服務器便于部署 npm run build 生成的項目文件。

小白求科普~任何有關的文章、資料、項目鏈接都可以丟給我哦，提前感謝~

問題解答

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

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

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

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

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

搞清楚這兩個項目也就部署好了

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