zip*_*zit 6 httpresponse httpwebresponse node.js svelte sveltekit
我有兴趣捕获用户首次提交到我的网站时的互联网协议 (IP) 地址。我的印象是 SvelteKit 提交与其他 Node.js 服务器解决方案类似。
我一直在关注这篇文章，但我没有看到任何远程类似的东西req.headers['x-forwarded-for']，或者req.socket.remoteAddress在我的请求中没有看到任何东西提交到 SvelteKit 中的 API 服务器。
以下是我在请求中看到的内容（通过 API 提交中的控制台日志）：
arg1:
body: (... data ... )
Headers:
accept:'*/*'
accept-encoding:'gzip, deflate'
accept-language:'en-US,en;q=0.9'
connection:'keep-alive'
content-length:'141'
content-type:'text/plain;charset=UTF-8'
cookie:'userid=c03efd10-3085-46cb-bacd-9eaeb605426e'
host:'192.168.1.22:3000'
origin:'http://192.168.1.22:3000'
referer:'http://192.168.1.22:3000/learn'
user-agent:'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36'
locals:
userid: '....'
method: 'POST'
params: {}
path: '/api/user_form'
query: ...
rawBody: ...
绝对不行socket，没有标题['x-forwarded-for']
请注意，我正在本地网络上进行此操作。主机位于同一网络中的一台计算机上，客户端位于另一台计算机上。事实上，主机= 192.168.1.22:3000，客户端= 192.168.1.4
注意2，我正在通过以下方式运行程序svelte-kit dev --host 0.0.0.0
我没看到什么？有没有办法使用 Sveltekit 从网络提交中获取客户端用户的 IP 地址？
以下所有内容均适用于生产/构建代码。
> npm run build
> node build
由于 VITE，在开发模式下运行应用程序会有所不同。
Svelte 适配器接收节点请求，其中还包括远程 IP。可以用这里提到的方法提取IP 。
然而，适配器仅将 SvelteIncomingRequest接口所需的值转发到 Svelte Render。然后，Svelte 进一步将该接口扩展为一个Request接口，并包含以下值：
export interface Request<Locals = Record<string, any>, Body = unknown> {
url: URL;
method: string;
headers: RequestHeaders;
rawBody: RawBody;
params: Record<string, string>;
body: ParameterizedBody<Body>;
locals: Locals;
}
因此，我认为有四种可能的方法来解决这个问题：
IncomingRequest接口以包含远程 IP。（这还需要更新所有适配器）handle或routes. 不过，您可以记录 IP 或阻止某些路径。['x-forwarded-for']在请求标头中，如上面的界面所示，标头在您的 Svelte Request 对象中可用。IncomingRequest自行修改Svelte接口和Adapter Middleware。（这很脏并且维护起来很混乱）由于 2. 是最适用的方式，因此这里有一个关于如何设置它的示例polka- 您当然也可以使用express或任何其他 HTTP 服务器。
/src/server.js文件，在本例中是我们的中间件：
import polka from 'polka'
import { assetsMiddleware, prerenderedMiddleware, kitMiddleware } from '../build/middlewares.js'
const { PORT, DOMAIN } = process.env
polka()
.use((req, res, next) => {
console.log(req.socket.remoteAddress);
next()
})
// Load the SvelteKit build
.use(assetsMiddleware, prerenderedMiddleware, kitMiddleware)
.listen(PORT)
/svelte.config.jsentryPoint使用默认值将我们的中间件配置为最小示例adapter-node：
import preprocess from 'svelte-preprocess';
import adapter from '@sveltejs/adapter-node';
/** @type {import('@sveltejs/kit').Config} */
const config = {
preprocess: preprocess(),
kit: {
adapter: adapter({ entryPoint: './src/server.js' }),
target: '#svelte'
}
};
export default config;
| 归档时间： |
|
| 查看次数： |
5668 次 |
| 最近记录： |