安裝環境:
在指定目錄解壓即可使用。
打包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程序...