Nginx 反向代理配置
反向代理是指由 Nginx 代替客户端向后端服务转发请求,常用于解决前端跨域问题,或将 /api/ 前缀的请求统一转发到后端服务。
以下配置示例:监听 9002 端口,将根路径指向前端静态文件,将 /api/ 路径的请求代理到本机 3000 端口的后端服务。
server {
listen 9002;
server_name 127.0.0.1;
# 前端静态文件目录
location / {
root /www/wwwroot/music-vue3-pc/;
index index.html;
try_files $uri $uri/ /index.html; # 支持 HTML5 History 路由
}
# 将 /api/ 请求反向代理到后端服务
location /api/ {
proxy_pass http://127.0.0.1:3000/;
}
}
说明:
proxy_pass末尾的斜杠/会将/api/前缀去掉后再转发;若不加斜杠,则会保留/api/前缀原样转发,请根据后端接口的实际路径选择。