美文网首页nginx
nginx部署多个前端项目

nginx部署多个前端项目

作者: 李仁平 | 来源:发表于2022-06-23 18:07 被阅读0次

这里就不介绍同一端口和同一nginx.conf,有需要的童鞋自行百度。
这里介绍不同项目的不同配置。
服务器中已经部署了其他项目,这里做一个简单的页面做测试:

1、新建目录:
/root/nginx/8571/
/root/nginx/8571/html/
/root/nginx/8571/log/

2、将文件:/usr/sbin/nginx 拷贝至 /root/nginx/8571/
3、新建index.html:/root/nginx/8571/html/index.html

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>12</title>
  </head>
  <body>
    <div id="app">
      cesi
    </div>
         </body>
</html>

4、新建配置文件:/root/nginx/8571/nginx.conf


微信图片_20220623180125.png
user root;
worker_processes auto;
pid /root/nginx/8571/nginx.pid;
include   /etc/nginx/modules-enabled/*.conf;
events {
    worker_connections 768;
}
http {
    sendfile on;
    tcp_nopush on;
    tcp_nodelay on;
    keepalive_timeout 65;
    types_hash_max_size 2048;

    include /usr/local/nginx/conf/mime.types;
    default_type application/octet-stream;

    # ssl_protocols TLSV1 TLSv1.1 TLSv1.2; # Dropping SsLv3,ref: POODLE 
    # ssl_preter serverciphers on;
    #access_log /root/nginx/8571/log/access.log;
    #error_log root/nginx/8571/error.log;
    gzip on;
    gzip_disable "msie6";
server {
    listen 8571; 
    location /{
        root /root/nginx/8571/html/;
        index index.html index.htm;

        }
    }
}

5、启动 nginx
./nginx -c /root/nginx/8571/nginx.conf

注意:
若 nginx.conf 配置 location 后,重启 nginx 再访问,如果访问提示:Nginx 403 Forbidden,则需要在 nginx.conf 头部加入一行:

user root;

查看nginx端口使用情况:netstat -apn
启动成功后输入ip和端口8571访问:


微信图片_20220623180438.png

关注小编不定时更新更多精彩内容

相关文章

网友评论

    本文标题:nginx部署多个前端项目

    本文链接:https://www.haomeiwen.com/subject/xddmvrtx.html