【第1期】Nginx: nginx之反向代理 proxy_pass
问题描述:
由于项目采用了前后端分离的方案进行开发,前端vue发布后绑定域名www.sckt.com占用了80端口,后端接口只能用其它端口,我这里用了8103端口。
这样会出现一个问题,前端调用后端接口只能用 https://www.sckt.com:8103/... 方式,暴露了后端端口,很不优雅,还好后端接口都api前缀,可以用nginx反向代理来解决。
解决方案:
为解决这个问题,采用了nginx的反向代理proxy_pass。
location/api/ {
proxy_passhttps://www.sckt.com:8103;
}
在nginx中配置proxy_pass代理转发时,如果在proxy_pass后面的url加/,表示绝对根路径;如果没有/,表示相对路径,把匹配的路径部分也给代理走。
重启nginx后,就可以通过http://www.sckt.com/api/...进行调用后端接口了