首頁 > 運維 > Nginx > 主體

nginx怎麼正確部署前端項目

王林
發布: 2020-11-16 15:48:57
轉載
3531 人瀏覽過

nginx怎麼正確部署前端項目

目的:

nginx部署打包成為dist的前端專案

(學習影片分享:php影片教學

相關知識:

docker 安装与使用
docker pull nginx
docker run --restart=on-failure:20 -itd --name nginx -p 80:80 nginx:latest
登入後複製

SEO

nginx如何部署dist?
nginx如何部署vue?
nginx如何部署前端项目?
登入後複製

安裝nginx後,設定

該檔案放在/etc/nginx/conf.d/xxx.conf

server{
    listen 80;
    server_name  xxx.com;

    location /{
        root /home/web/vueProjects/wxopapp/dist/;
        index index.htm index.html;
        expires      30d;
    }
}
登入後複製
nginx -t
nginx -s reload
登入後複製

相關推薦:nginx教學

以上是nginx怎麼正確部署前端項目的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!