Nginx同域名下配置多个Vue项目

最新推荐文章于 2024-08-29 08:00:00 发布

原创最新推荐文章于 2024-08-29 08:00:00 发布 · 615 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#nginx #ssl #https

vue 同时被 3 个专栏收录

7 篇文章

订阅专栏

Linux

5 篇文章

订阅专栏

nginx

1 篇文章

订阅专栏

这是一个关于配置HTTPS服务器并设置后端API代理的教程。配置文件中包含了SSL证书、安全协议和加密套件的设定，以及两个location块，分别处理/BBBBB/api和/api的代理请求，确保与开发环境保持一致，将请求正确转发到后台接口。

# HTTPS server
server {
listen 443;
server_name ************.com;

ssl on;
ssl_certificate cert/************.com.pem;
ssl_certificate_key cert/************.com.key;

ssl_session_timeout 5m;

ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
ssl_prefer_server_ciphers on;

location / {
root /usr/local/web/AAAA;
index index.html index.htm;
}

root /usr/local/web;
location /BBBBB{
index index.html index.htm;
}

####重点###当在BBBB项目里后端代理路径就是以BBBB开头了，只配置/api

代理路径请求后端会报404，需要在配置/BBBBB/api的代理

location /BBBBB/api {#这里是核心，与开发环境中代理路径一定要保持一致
proxy_set_header Host $host;
proxy_set_header x-forwarded-for $remote_addr;
proxy_set_header X-Real-IP $remote_addr;
proxy_pass http://************:8080/api;#后台的接口
}

####后端代理路径地址 ‘/api开头的都走这个代理’

location /api {#这里是核心，与开发环境中代理路径一定要保持一致
proxy_set_header Host $host;
proxy_set_header x-forwarded-for $remote_addr;
proxy_set_header X-Real-IP $remote_addr;
proxy_pass http://************:8080;#后台的接口
}

}