CentOS7 部署React项目

1. 将打好的包(*.css、*.js、*.html、...)放在习惯目录下

我放置的目录： /root/front

 

2.下载、安装、启动nginx： https://blog.csdn.net/jiekou0376/article/details/83578109

 

3. 配置nginx

# cd /etc/nginx/

# vi nginx.conf

------------------------------------nginx.conf start--------------------------------------------------

user  root;
worker_processes  auto;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;

events {
    worker_connections  1024;
}

http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;
    keepalive_timeout   65;
    types_hash_max_size 2048;

    #gzip  on;

    include /etc/nginx/conf.d/*.conf;
}

--------------------------------------nginx.conf end------------------------------------------------

# cd conf.d/

# touch server.conf

# vi server.conf

----------------------------------------server.conf start----------------------------------------------

# 测试前端项目--react
server {
       server_name 127.0.0.1;
       listen 2001;
       index index.html index.htm;
       client_max_body_size 50m;

       location ^~ /api/ {
            proxy_pass http://localhost:1001/;
            add_header Cache-Control no-cache;
       }

       location / {
            root /root/front;
            add_header Cache-Control no-cache;
       }
}

-----------------------------------------server.conf end---------------------------------------------

# systemctl restart nginx.service

 

4. 浏览器输入    部署机器ip:2001     即可。