referer 来源，表示这个资源被谁引用过，可以用来做防盗链。
我们新建文件 no-referer.js
const fs = require("fs"); const path = require("path"); const url = require("url"); const http = require("http"); http.createServer((req, res) => { const { pathname } = url.parse(req.url, true); const absPath = path.join(__dirname, pathname); fs.stat(absPath, (err, statObj) => { if (err) res.end("Not Found"); console.log("absPath----->", absPath); console.log("statObj----->", statObj); if (statObj) { console.log(statObj.isDirectory()); console.log(statObj.isFile()); if (statObj.isFile()) { fs.createReadStream(absPath).pipe(res); } else { res.end("Not Found"); } } else { res.end("Not Found"); } }); }).listen(3000);
新建文件 index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>凯小默测试图片防盗链</title> <!-- <meta name="referrer" content="never" /> --> </head> <body> <img src="http://127.0.0.1:3000/docker.jpg" alt="" /> </body> </html>
添加两张图片
启动服务：
nodemon no-referer.js
访问 http://127.0.0.1:3000/docker.jpg，可以看到图片直接打开是不会增加 referer 的
我们另外用 live server 启动服务，访问 http://127.0.0.1:5500/doc/80/index.html，我们可以看到图片的请求头加上了 referer
如果要实现引用我的人和我的域不是同一个，应该返回错误图片，我们应该进行校验
const fs = require("fs"); const path = require("path"); const url = require("url"); const http = require("http"); http.createServer((req, res) => { const { pathname } = url.parse(req.url, true); const absPath = path.join(__dirname, pathname); fs.stat(absPath, (err, statObj) => { if (err) return res.end("Not Found"); console.log("absPath----->", absPath); console.log("statObj----->", statObj); if (statObj) { console.log(statObj.isDirectory()); console.log(statObj.isFile()); if (statObj.isFile()) { // 只对图片进行防盗链，如果请求路径是 .jpg 结尾的需要判断引用的来源 if (/\.jpg/.test(absPath)) { let referer = req.headers["referer"] || req.headers["referrer"]; if (referer) { // 拿 host 跟 referer 比较 let host = req.headers.host; refererHost = url.parse(referer).host; console.log("host----->", host); console.log("refererHost----->", refererHost); if (host !== refererHost) { fs.createReadStream(path.resolve(__dirname, "referer.jpg")).pipe(res); return; } } } fs.createReadStream(absPath).pipe(res); } else { res.end("Not Found"); } } else { res.end("Not Found"); } }); }).listen(3000);
我们启动服务，访问 http://127.0.0.1:5500/doc/80/index.html，我们可以看到 docker 的图片访问不了，而是展示了防盗的图片
nodemon referer.js
要展示 docker 图片的话，我们就应该去访问 访问 http://127.0.0.1:3000/index.html，保证域相同
另外可以加上 meta 标签，不带 referer，如果网站没有 referer 会导致发送任何资源都不会带 referer
<meta name="referrer" content="never" />
注意：单词
referer是错误的写法，正确的单词应该是referrer，感兴趣可以看这篇：Referrer 还是 Referer？
