問(wèn)題描述

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

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

是否對(duì)外發(fā)布項(xiàng)目需要先搭建一個(gè)服務(wù)器來(lái)存放項(xiàng)目文件。

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

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

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

問(wèn)題解答

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

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

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

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

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

搞清楚這兩個(gè)項(xiàng)目也就部署好了

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