nginx部署vue專案

XiaoNiuFeiTian發表於2024-03-08

第一步:打包

第二步:地址對映

http{                                           
  server{                                        
    listen       8080;                      #設定埠號8080
    server_name  localhost;                 #主機域名
    location / {                                      
       root   C:/vue/dist;                 #dist資料夾路徑
       index  index.html index.htm;        #專案首頁
    }
  }
}

啟動nginx,瀏覽器輸入 http://localhost:8080 便可以訪問到我們打包後的vue專案。

參考:https://mp.weixin.qq.com/s/o_Kvn2yoi_UOlKwIEx9CVA

相關文章