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

最新推荐文章于 2025-04-30 15:59:36 发布

一程序一世界

最新推荐文章于 2025-04-30 15:59:36 发布

阅读量581

点赞数

分类专栏： vue nginx Linux 文章标签： nginx ssl https

本文链接：https://blog.youkuaiyun.com/Hello_word_2/article/details/128057295

版权

vue 同时被 3 个专栏收录

7 篇文章

订阅专栏

Linux

5 篇文章

订阅专栏

nginx

1 篇文章

订阅专栏

# 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;#后台的接口
}

}