nginx配置若依框架vue打包项目（同时支持http和https）-Toy模板网

这篇具有很好参考价值的文章主要介绍了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;
}文章来源地址https://www.toymoban.com/news/detail-823069.html

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打包项目（同时支持http和https）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！