Nodejs中如何获取location hash

Nodejs中如何获取location hash

url 为 http://www.XXXXX.com/#access_token=610072509487211cb74a84b821d8ea69f1a308a3313fb03196987902 DOM 中获取 是window.location.hash , Express 怎么获取 这个access_token req.url 有时能获取（调试时），但是不调试获得的是/

3 回复

Node.js 中如何获取 location hash

在 Node.js 应用中，特别是在使用 Express 框架处理客户端请求时，直接从 req.url 获取 URL 的 hash 部分（即 #access_token=...）可能会遇到一些挑战。这是因为 req.url 只包含路径部分，并不包括 hash 部分。hash 部分仅存在于浏览器的上下文中，用于页面内部定位或传递一些临时数据。

客户端 JavaScript 示例

在客户端 JavaScript 中，你可以通过 window.location.hash 来获取 hash 部分：

// 在浏览器中执行
console.log(window.location.hash); // 输出: #access_token=610072509487211cb74a84b821d8ea69f1a308a3313fb03196987902

服务器端获取 hash

由于 hash 部分不会发送到服务器端，因此你不能直接从服务器端的 req.url 获取 hash 部分。如果你需要从客户端发送这个信息到服务器端，可以考虑以下方法：

方法一：通过查询参数发送

你可以修改 URL 的 hash 部分为查询参数，然后发送到服务器端。例如：

<a href="http://www.XXXXX.com/?access_token=610072509487211cb74a84b821d8ea69f1a308a3313fb03196987902">Link</a>

在服务器端使用 Express 接收这个参数：

const express = require('express');
const app = express();

app.get('/', (req, res) => {
    const accessToken = req.query.access_token;
    console.log(accessToken); // 输出: 610072509487211cb74a84b821d8ea69f1a308a3313fb03196987902
    res.send(`Access Token: ${accessToken}`);
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});
方法二：通过 POST 请求发送

如果需要更安全的方式，可以使用 POST 请求将 hash 部分发送到服务器端：

// 客户端 JavaScript
fetch('/get-access-token', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({ access_token: window.location.hash.slice(1) })
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));

服务器端接收 POST 请求：

app.post('/get-access-token', express.json(), (req, res) => {
    const accessToken = req.body.access_token;
    console.log(accessToken); // 输出: 610072509487211cb74a84b821d8ea69f1a308a3313fb03196987902
    res.json({ message: `Access Token received: ${accessToken}` });
});

通过以上两种方法，你可以在 Node.js 应用中获取客户端 URL 的 hash 部分。


试试这个：

var url = require('url');

var token = url.parse(req.url).query[“access_token”];

在Node.js中，如果你使用的是客户端JavaScript（例如在浏览器环境中），你可以直接通过window.location.hash来获取URL中的hash部分。然而，在服务器端的Node.js代码中，你无法直接访问window.location.hash，因为服务器端没有浏览器提供的window对象。

对于服务器端的Node.js应用（比如使用Express框架的应用），你需要知道请求是从哪个URL发起的。通常情况下，服务器端只能看到完整的请求URL（包括域名、路径等），而不会包含hash部分，因为hash是客户端浏览器的一部分，它不会发送到服务器。

但是，如果你的应用是单页应用（SPA）并且前端路由依赖于hash变化，你可能需要一种方式从客户端将hash信息传递给服务器。一种常见的方法是在用户进行某些操作时（例如登录后），前端JavaScript可以向服务器发送一个包含hash信息的API请求。例如：

示例代码

前端代码（使用fetch API）

const accessToken = window.location.hash.substring(1); // 获取hash部分
fetch('/api/login', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({accessToken})
}).then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));

后端代码（Express）

const express = require('express');
const bodyParser = require('body-parser');
const app = express();

app.use(bodyParser.json());

app.post('/api/login', (req, res) => {
    const { accessToken } = req.body;
    console.log('Access Token:', accessToken);
    // 在这里处理accessToken
    res.send({ message: 'Token received' });
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

解释

  • 前端：当页面加载或用户进行某些操作时，前端JavaScript会读取当前URL的hash部分，并将其作为POST请求的数据发送给服务器。
  • 后端：服务器通过Express接收到POST请求，并使用bodyParser中间件解析请求体，从而得到从前端传来的accessToken。

这种方式允许你从前端传递hash信息到后端，然后在后端处理这些信息。

回到顶部