怎么在vue.js項(xiàng)目中部署nginx

發(fā)布時(shí)間：2021-03-11 16:20:23 來(lái)源：億速云閱讀：159 作者：Leah 欄目：web開(kāi)發(fā)

怎么在vue.js項(xiàng)目中部署nginx？針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

nginx是一個(gè)高性能的HTTP和反向代理服務(wù)器。因此常用來(lái)做靜態(tài)資源服務(wù)器和后端的反向代理服務(wù)器。

編譯部署

1、項(xiàng)目路徑下demo輸入命令npm run build

怎么在vue.js項(xiàng)目中部署nginx

編譯完成后會(huì)發(fā)現(xiàn)在demo文件夾下多出一個(gè)dist文件夾這里面就是編譯好的文件了。

2、網(wǎng)上下載nginx,下載地址http://nginx.org/en/download.html，解壓下載的nginx文件。

3、配置部署，編輯nginx/conf 下的nginx.conf，修改如下

怎么在vue.js項(xiàng)目中部署nginx [/code][

4、啟動(dòng)nginx。命令窗口cd進(jìn)入nginx安裝目錄，輸入start nginx啟動(dòng)nginx。

然后通過(guò)瀏覽器訪問(wèn)http://127.0.0.1:8088/訪問(wèn) 或者h(yuǎn)ttp://域名:8088/訪問(wèn)

5、nginx停止命令：nginx -s quit

nginx重啟命令：nginx -s reload

關(guān)于怎么在vue.js項(xiàng)目中部署nginx問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

向AI問(wèn)一下細(xì)節(jié)

猜你喜歡