前端web项目,经常会遇到跨域访问的问题,利用Nginx的proxy_pass可以很轻松的配置反向代理,解决这个问题。
假设资源服务器是asset-server,用以下配置,可以把asset-server/app 挂载到 server/app
location ^~ /app {
proxy_pass http://asset-server;
}
这样能解决大部分的问题,但是当路径包含特殊字符,例如空格等,需要进行转义urlencode时,就回遇到问题。
需要对uri进行重写:
location ^~ /app {
rewrite ^ $request_uri; # get original URI
rewrite ^/app/(.*) app/$1 break; # drop /foo, put /bar
return 400; # if the second rewrite won't match
proxy_pass http://asset-server/$uri;
}
特别注意
如果有多层代理,每一层都需要rewrite。
location /api/ {
rewrite ^ $request_uri;
rewrite ^/api/(.*) $1 break;
return 400;
proxy_pass http://127.0.0.1:82/$uri;
}