問題描述

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

生成的 dist 文件夾應(yīng)該放在什么服務(wù)器上？

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

對后端一無所知的我應(yīng)該如何學會將項目部署到服務(wù)器上。

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

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

問題解答

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

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

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

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

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

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

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