nginx

window

命令

start nginx // 开机启动,不要使用 ./nginx会丢失光标

./nginx -s reload //重启
./nginx -s stop 停止
./nginx -t 配置是否正确

前端部署

单文件

index.html



    
    
    Document


    index

nginx.conf
worker_processes 1;
events {
    worker_connections 1024;
}

http {
    server {
        listen 80;
        location / {
            root html;
            index index.html index.htm;
        }
    }
}
效果
nginx_第1张图片

nginx_第2张图片

vueCli项目根路径

vue项目配置

nginx_第3张图片

nginx.conf
worker_processes 1;
events {
    worker_connections 1024;
}

http {
    server {
        listen 80;
        location / {
            root html;
            index index.html index.htm;
        }
    }
    server {
        # //不能写80
        listen 81;
        location / {
            root html/app;
            index index.html index.htm;
        }

    }
}

nginx_第4张图片

效果

nginx_第5张图片

vueCli项目子路径

vue项目配置

nginx_第6张图片

nginx.conf
worker_processes 1;
events {
    worker_connections 1024;
}

http {
    server {
        listen 80;

        location /my-app {
            root html/dist;
            index index.html index.htm;
        }
    }
}

nginx_第7张图片

效果

nginx_第8张图片

你可能感兴趣的:(nginx)