Nuxt.js 利用服务端中间件获取客户端真实IP

原创

于 2021-11-15 11:07:04 发布 · 3.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#中间件

本文介绍了如何在Nuxt.js项目中通过创建服务端中间件获取客户端真实IP的步骤，包括创建serverMiddleware文件夹，编写js文件以处理不同类型的IP头，配置nuxt.config.js以启用中间件，并在客户端通过接口请求获取IP。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在nuxt.js 项目根目录下创建 serverMiddleware 文件夹；

2.在文件夹下创建js文件（文件名可随意取，这里以test.js代替）；

3.创建的js 文件中的代码如下：

const getIp = function(req){
        let CLIENT_REQUEST_IP = "";
        if(req.headers['x-forwarded-for'] && req.headers['x-forwarded-for'] != 'unknown'){
            CLIENT_REQUEST_IP = req.headers['x-forwarded-for'].split(",")[0];
            return CLIENT_REQUEST_IP
        }
        if(req.headers['Proxy-Client-IP'] && req.headers['Proxy-Client-IP'] != 'unknown'){
            CLIENT_REQUEST_IP = req.headers['Proxy-Client-IP'].split(",")[0];
            return CLIENT_REQUEST_IP
        }
        if(req.headers['WL-Proxy-Clien

最低0.47元/天解锁文章