windows下 Nginx 發布 Vue專案

2021-10-19 07:56:03 字數 632 閱讀 1084

安裝環境:

在指定目錄解壓即可使用。

打包vue專案:

npm run build 打包檔案在dist目錄下

部署專案:

將dist目錄下打包檔案遷移至nginx html目錄下

修改配置:

根據實際情況修改nginx conf目錄下 nginx.conf配置檔案

例如:listen:監聽埠

server_name: 服務網域名稱 網域名稱可以配置多個,以空格分隔

允許其他專案跨域訪問 可以通過在location下設定add_header實現

add_header 'access-control-allow-origin' '*';

設定**訪問 可以通過在location下設定proxy_pass實現

proxy_pass '埠'

啟動專案:

切換到nginx.exe目錄下,通過start nginx 啟動專案

nginx -s reload

停止專案:

nginx -s stop

windows下用nginx發布vue專案

2020 11 3 一.工作計畫 安裝配置 nginx 並執行vue專案 解決思路 1 安裝nginx 2 打包發布包 npm run build 3 配置nginx server location router 後台介面 location api error page 500 502 503 50...

windows環境下Nginx配置

作為乙個前端,在工作的時候肯定會遇到這樣的實際問題,就是要讓別人看到跑在你自己機子上localhost的頁面。這個時候就需要靠apache和iis幫忙了,當然現在有許多整合好的mysql和apache等框架,例如我自己本來就是使用很簡單的speedamp,小白式操作就ok了。但是之前一直久聞ngin...

windows系統下安裝nginx

mainline version 主線版本 stable version 穩定版本 legacy versions 歷史版本。一般生產用穩定版本,本文使用主線版本。2 啟動 注意不要直接雙擊nginx.exe,這樣會導致修改配置後重啟 停止nginx無效,需要手動關閉任務管理器內的所有nginx程序...