資訊專欄INFORMATION COLUMN
摘要：代碼被打包完成后下一步就是部署到服務(wù)器上，此文僅適合于前端代碼是部署在操作系統(tǒng)的服務(wù)中。如圖下前端代碼放在目錄中，目錄就是剛剛前端打包完的代碼。
在生產(chǎn)環(huán)境中部署前端代碼
本文章前端代碼是基于vue+webpack開發(fā)的
Nginx是一款輕量級(jí)的Web 服務(wù)器/反向代理服務(wù)器
首先，webpack配置如下
在開發(fā)過程中，我們是通過npm run dev在開發(fā)環(huán)境中運(yùn)行代碼
如果要部署到生產(chǎn)環(huán)境中，可以運(yùn)行npm run build進(jìn)行上線打包
打包完成后，會(huì)發(fā)現(xiàn)項(xiàng)目中多了dist這個(gè)文件夾
執(zhí)行結(jié)果和webpack的配置文件一致。
代碼被webpack打包完成后下一步就是部署到服務(wù)器上，此文僅適合于前端代碼是部署在windows操作系統(tǒng)的nginx服務(wù)中。
這里假設(shè)：
Windows操作系統(tǒng)：windows server 2008 64位
Nginx服務(wù)：nginx-1.12.2 64位
1.下載nginx-1.12.2 64位解壓，假設(shè)nginx-1.12.2放在D:nginx-1.12.2目錄中，nginx目錄結(jié)構(gòu)。如圖下
2、前端代碼放在D:nginx-1.12.2html目錄中，dist目錄就是剛剛前端打包完的代碼。如圖下
3、在D:nginx-1.12.2conf目錄中，有個(gè)nginx.conf配置文件，進(jìn)行編輯這個(gè)文件
4、假設(shè)前端的端口號(hào)為8082，如果端口號(hào)被占用，請(qǐng)修改為其它端口號(hào)。后臺(tái)服務(wù)訪問地址http://192.168.121.**:8080,
5、打開cmd控制臺(tái)，進(jìn)入目錄D:nginx-1.12.2中，用start nginx命令啟動(dòng)服務(wù)，然后用tasklist /fi "imagename eq nginx.exe"，查看nginx服務(wù)是否啟動(dòng)。
4、如果改變配置文件時(shí)，需要用nginx -s reload 命令重啟nginx工作進(jìn)程。
5、關(guān)閉服務(wù)
nginx -s stop
nginx -s quit 安全關(guān)閉
taskkill /F /IM nginx.exe > nul 關(guān)閉所有nginx服務(wù)
如果有錯(cuò)漏請(qǐng)大家批評(píng)指出！
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/39900.html
摘要：前端項(xiàng)目部署之前很少接觸前端項(xiàng)目的部署，這次為了更全面的學(xué)習(xí)就在本機(jī)上裝了一個(gè)虛擬機(jī)上，在虛擬機(jī)上練習(xí)了如何把一個(gè)寫的項(xiàng)目部署到這個(gè)虛擬機(jī)的服務(wù)器上。 前端項(xiàng)目部署 之前很少接觸前端項(xiàng)目的部署，這次為了更全面的學(xué)習(xí)就在本機(jī)上裝了一個(gè)虛擬機(jī)上，在虛擬機(jī)上練習(xí)了如何把一個(gè) react 寫的 spa 項(xiàng)目部署到這個(gè)虛擬機(jī)的服務(wù)器上。由于 linux 也是剛接觸不久，所以整個(gè)過程還是遇到了很多...
摘要：首先，的命令和并不能在全局使用。文章有意將瀏覽器不能訪問服務(wù)器的兩個(gè)問題寫出來(lái)，是因?yàn)樽髡咴谂挪閱栴}的時(shí)候，發(fā)現(xiàn)在服務(wù)器直接訪問的頁(yè)面，能很好地檢查排除問題在百度尋找問題答案的時(shí)候，發(fā)現(xiàn)這種做法也得到了不少人的肯定。 前段時(shí)間要把項(xiàng)目部署到服務(wù)器，期間踩了不少的坑。故寫下這篇文章，從零開始把自己部署的過程都記錄下來(lái)，希望能給其他像我一樣的小白一點(diǎn)幫助。如果有疏漏的地方，請(qǐng)各位客官指出，...
摘要：最近想把所有的前端項(xiàng)目都整合在兩臺(tái)機(jī)器上，通過負(fù)載訪問如下路徑域名域名域名這樣的方式訪問按照平時(shí)的打包方式，直接將打包好的包放到服務(wù)器上服務(wù)器路徑并非平時(shí)的在中做好配置如下結(jié)果訪問域名時(shí)一片紅，各種找不到困擾了好幾天，跟孫老板各種改最后終于 最近想把所有的前端項(xiàng)目都整合在兩臺(tái)機(jī)器上，通過負(fù)載訪問如下路徑Https://域名/gameCenter/Https://域名/member/Ht...
閱讀 3543·2021-11-25 09:43
閱讀 2766·2021-09-22 15:54
閱讀 653·2019-08-30 15:55
閱讀 1035·2019-08-30 15:55
閱讀 2079·2019-08-30 15:55
閱讀 1806·2019-08-30 15:53
閱讀 3536·2019-08-30 15:52
閱讀 2108·2019-08-30 12:55
