Nginx 前端配置及本地服务转发

本文档提供 Nginx 前端配置和本地服务转发的示例配置，包括使用 try_files 指令处理静态文件，以及使用 proxy_pass 指令将请求转发到本地服务。包含了 X-Forwarded-Proto 和 X-Real-IP 头部的设置。

全部前端 (393) 运维 (77) 技术 (71) 后端 (25) 数据库 (10) 生活 (1)

2021年11月2日

Mt.r

#Nginx #Proxy

自用，免得再搜配置复制粘贴

Nginx 配置文件参考

location / {
  try_files $uri $uri/ /index.html;
}

location /api {
  proxy_pass http://localhost:3000/api;
  proxy_set_header   X-Forwarded-Proto $scheme;
  proxy_set_header   X-Real-IP         $remote_addr;
}

Nginx 跨域配置：添加 Access-Control-Allow-Origin

本文介绍如何使用 Nginx 配置文件添加 `Access-Control-Allow-Origin` 头部信息，解决跨域问题，包括多种配置示例和详细解释。

Vue 开发环境端口修改及跨域代理配置

本文介绍如何修改 Vue 开发环境的端口号，以及如何配置跨域本地代理，解决开发过程中前后端分离导致的跨域问题。