前端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;
- }