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

最新推荐文章于 2023-11-01 09:30:13 发布

玉璧寒

最新推荐文章于 2023-11-01 09:30:13 发布

阅读量3.8k

点赞数

CC 4.0 BY-SA版权

文章标签：中间件

本文链接：https://blog.youkuaiyun.com/qq_34915812/article/details/121330273

本文介绍了如何在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