nuxt项目的防盗链如何设置?

Question

前台项目,ip 为 192.168.111.116, nginx 对于 nuxt的配置如下:

location / {
    proxy_pass http://localhost:3000;
}

需要设置图片防盗链,防止非前台项目引用nuxt中的图片,
包括打包后的 _nuxt目录中的图片,
以及nuxt目录中的static文件中的文件
请问如何设置?

location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|svg)$ {    
    valid_referers none blocked server_names 192.168.111.116;
    if ($invalid_referer) {
        return 403;
    }
}

试了一下这样配置不行,自己都无法访问了

Answer 1

server {
    listen 80;
    server_name your_server_name;  # 使用你的服务器名
    
    location / {
        proxy_pass http://localhost:3000;
    }

    location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ {
        valid_referers none blocked 192.168.111.116;
        if ($invalid_referer) {
            return 403;
        }
    }
}