431（请求标头字段太大）

Question

GET http://localhost:3000/data/posts.json 431（请求标头字段太大） 我收到上面提到的错误。 我正在使用本地服务器“npm服务器”（没有Xampp或WAMP）

JSON文件从这里下载“https://gorest.co.in/public-api/users?_format=json&access-token=UrX-V34IN7O-1TV0HEaVUCRUz65B9-ibL6M1” 我已经在本地服务器上下载了这个文件。

我的密码是：

const API = './data/posts.json';

componentDidMount(){

        获取（API）
        .then(响应=> response.text())
        .then( (data) => { console.log("data - ", data) } )
    }

Answer 1

您需要删除所有为您的 localhost:3000 保存的 cookie。因为如果你在“localhost:3000”开始你的 10 个不同的项目，如果每个项目都保存 cookie，那么每次你发出请求时，所有这些 cookie 都会附加到

req

对象

1-chrome 设置

2-在左侧菜单上，单击“隐私和安全”选项卡

3-转到“隐私和安全”部分

4-点击网站设置

5-点击“查看跨站点存储的权限和数据”

6-找到本地主机并在右侧菜单上重置数据

Answer 2

从浏览器清除站点数据对我有用：

转到控制台 -> 选择应用程序 -> 清除存储 -> 清除站点数据

Answer 3

如果您使用的是 Node v12.x.x，请尝试将其升级到 v14.x.x.

Answer 4

在我的例子中，我收到这个错误是因为我在加载文档之前调用了一个 API，所以我在标头中传递了 jwt_token，所以我的 API 在 JWT TOKEN 分配之前被调用了。

我正在使用 JQuery：

这是我以前的代码：

let manager_list_cache = JSON.parse(localStorage.getItem("manager_list_cache"));

    if (manager_list_cache && manager_list_cache.length > 0) {
        manager_list = manager_list_cache
    } else {
        // rendering managers
        getMethod(jwt_token, '/api/manager/all_manager/')
            .then(data => {
                localStorage.setItem("manager_list_cache", JSON.stringify(data));
            })//api.js
    }

这是我最新的代码，我把它包装在文档就绪函数中

$(document).ready(function () {
    let manager_list_cache = JSON.parse(localStorage.getItem("manager_list_cache"));

    if (manager_list_cache && manager_list_cache.length > 0) {
        manager_list = manager_list_cache
    } else {
        // rendering managers
        getMethod(jwt_token, '/api/manager/all_manager/')
            .then(data => {
                localStorage.setItem("manager_list_cache", JSON.stringify(data));
            })//api.js
    }
})

如您所见，我的 getMethod() 看起来很奇怪，但我在后面使用了一些函数，所以我必须只传递 JWT TOKEN 和 API 才能进行调用