Nginx向ExpressJS转发真实IP地址

2020-04-02 21:38:15

其他的配置都可以,但是我用req.ip并没有获得用户的真实ip。

用的其他方法,在文章最后。

由于服务器配置了Nginx的反向代理,在ExpressJS中无法获取到真实的IP地址。本文就介绍了如何配置Nginx以及ExpressJS使其可以显示用户的真实地址。

Nginx中的配置

修改你的配置文件

server {    listen       80;    server_name  XXX.YYY.ZZZ;    location / {        proxy_set_header  Host $host;        proxy_set_header  X-Real-IP $remote_addr;        proxy_set_header  X-Forwarded-Proto https;        proxy_set_header  X-Forwarded-For $remote_addr;        proxy_set_header  X-Forwarded-Host $remote_addr;        proxy_pass    http://127.0.0.1:3003/;

    }
}

重要的部分就是proxy_set_header部分。

ExpressJS中的设置

app.js中的靠前位置,添加:

app.set('trust proxy', 'loopback');

搞定

通过上述的设置,现在你使用req.ipreq.ips就可以获取到用户真实的IP地址了。

资料

获取用户真实ip

let getClientIp = function (req) {
    return req.headers['x-forwarded-for'] ||
        req.connection.remoteAddress ||
        req.socket.remoteAddress ||
        req.connection.socket.remoteAddress || '';
};
 
console.log(getClientIp(req));
let ip = getClientIp(req).match(/\d+.\d+.\d+.\d+/);
console.log(ip);
ip = ip ? ip.join('.') : null;
console.log(ip);


  • 2020-12-01 16:21:47

    Meteor与express结合开发

    Meteor本质上是一个已经公开了连接 http服务器的节点应用程序,这意味着您可以像下面这样定义服务器路由:,如果您坚持使用Express,则可以将Express路由注册为Connect中间件,如下所示:

  • 2020-12-01 16:25:32

    nuxtjs引入jquery

    nuxt引入jQuery库 nuxtjs如何添加 Webpack 插件?

  • 2020-12-01 16:43:37

    fieldset标签做输入框

    比如 vuetify中的 input组件,就用到了fieldset做边框, 这个时候我们想改边框,却找不到border,因为fieldset是靠color来修改边框颜色的。

  • 2020-12-01 17:25:39

    axios并发操作

    很多时候,我们需要同时向后端进行多个请求,当所有请求都返回数据后,再进行一些操作。

  • 2020-12-02 14:45:35

    Remote-SSH使用教程 VSCode

    微软开发了一个VSCode的插件Remote-SSH,可以说是目前比较完美的解决了在windows下开发linux程序的问题。