nginx配置若依框架vue打包项目(同时支持http和https)

该配置模版主要是若依框架前后端配置,若只是配置普通的vue项目,直接复制一下小模块即可

 #vue页面访问配置
     location  / {
             root /www/wwwroot/www.xxx.com;
            # autoindex on;
             try_files $uri $uri/ /index.html;
             index  index.html index.htm;
              proxy_connect_timeout   18000;
              proxy_send_timeout      18000;
              proxy_read_timeout      18000;
        }

server
{
    listen 80;
		listen 443 ssl http2;
    server_name www.xxx.com;
    index index.php index.html index.htm default.php default.htm default.html;
    root /www/wwwroot/www.xxx.com;

    #SSL-START SSL相关配置,请勿删除或修改下一行带注释的404规则
    #error_page 404/404.html;
    ssl_certificate    /www/server/panel/vhost/cert/www.xxx.com/fullchain.pem;
    ssl_certificate_key    /www/server/panel/vhost/cert/www.xxx.com/privkey.pem;
    ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3;
    ssl_ciphers EECDH+CHACHA20:EECDH+CHACHA20-draft:EECDH+AES128:RSA+AES128:EECDH+AES256:RSA+AES256:EECDH+3DES:RSA+3DES:!MD5;
    ssl_prefer_server_ciphers on;
    ssl_session_cache shared:SSL:10m;
    ssl_session_timeout 10m;
    add_header Strict-Transport-Security "max-age=31536000";
    error_page 497  https://$host$request_uri;

    #SSL-END

    #ERROR-PAGE-START  错误页配置,可以注释、删除或修改
    #error_page 404 /404.html;
    #error_page 502 /502.html;
    #ERROR-PAGE-END

    #PHP-INFO-START  PHP引用配置,可以注释或修改
    include enable-php-00.conf;
    #PHP-INFO-END

    #REWRITE-START URL重写规则引用,修改后将导致面板设置的伪静态规则失效
    include /www/server/panel/vhost/rewrite/www.xxx.com.conf;
    #REWRITE-END
    
     #vue页面访问配置
     location  / {
             root /www/wwwroot/www.xxx.com;
            # autoindex on;
             try_files $uri $uri/ /index.html;
             index  index.html index.htm;
              proxy_connect_timeout   18000;
              proxy_send_timeout      18000;
              proxy_read_timeout      18000;
        }
    #后台配置
        
    location /prod-api/ {
                 index  index.html;
                 proxy_pass http://127.0.0.1:1000/;
                 proxy_set_header X-Real-IP $remote_addr;
                 proxy_set_header X-Forwarded-For $remote_addr;
                 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                 proxy_set_header Host $host;
                 proxy_redirect off;
                 proxy_connect_timeout   18000;
                 proxy_send_timeout      18000;
                 proxy_read_timeout      18000;
       }
}

你可能感兴趣的:(nginx,vue.js,运维)