vue專案部署到nginx伺服器

2021-10-06 10:19:56 字數 323 閱讀 1163

vue-cli3:首先在專案根目錄建立乙個vue.config.js檔案;新增如下內容:

module.export =
然後:

npm run build
將vue打包後的dist資料夾放在nginx下的html資料夾即可。訪問:即可看到內容。

注意:也可將dist資料夾改名為projectname,訪問:如此比較好,因為你的nginx不可能只放乙個web專案)

也可以將dist資料夾下的內容放在html中,用便可看到你的vue專案(這樣的話預設nginx上的專案可以這樣放)。

vue 專案部署到 nginx中

web學習筆記 一 vue專案部署到nginx 確定伺服器ip位址,和埠位址 a.ip 123.123.123.123 b.nginx監聽的埠 8085 c.服務部署埠 8125 編寫nginx的配置檔案 a.注意監聽的埠是8085 b.服務介面與websocket的支援配置 介面location ...

vue專案部署Nginx

cd usr local 切換路徑 1.2 解壓安裝 tar zxvf nginx 1.6.2.tar.giz c usr local local這個目錄類似於windows的program目錄,所以一些軟體可以都安裝在這裡 1.yum install pcre 2.yum install pcre...

npm打包vue專案部署到nginx

1.build vue project,生成dist目錄 npm run buildstart nginx.exe3.訪問localhost 8082如下 4.nginx測試完畢,此時將我們專案構建後的dist目錄整個複製到nginx根目錄的html資料夾下 c users jalchu nginx...