So stellen Sie Frontend-Projekte mit Nginx korrekt bereit

Zweck:

nginx wird als Dist-Front-End-Projekt bereitgestellt und gepackt

(Lernvideo-Sharing: php-Video-Tutorial)

Verwandtes Wissen:

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

SEO

nginx如何部署dist?
nginx如何部署vue?
nginx如何部署前端项目?

Nach der Installation. nginx , konfigurieren

diese Datei Platzieren Sie sie in /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

Verwandte Empfehlungen: nginx-Tutorial

Das obige ist der detaillierte Inhalt vonSo stellen Sie Frontend-Projekte mit Nginx korrekt bereit. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!