jjzjj

javascript - Axios 拦截器 token header 存在于配置中但不存在于请求 header 中

coder 2024-05-16 原文

我创建了 axios 拦截器，它负责在每个请求发送到我的 rest API 之前添加 token 。

import axios from 'axios';
import { store } from '../store/store';

export default function execute() {
    axios.interceptors.request.use(function(config) {
        const token = store.state.token;
        if(token) {
            config.headers.Authorization = `Bearer ${token}`;
            console.log(config);
            return config;
        } else {
            console.log('There is not token yet...');
            return config;
        }
    }, function(err) {
        return Promise.reject(err);
    });
}

正如您在第 2 行中看到的，我正在导入 vuex 存储，这实际上是存放我的 token 的地方。在第 8 行中，我实际上是将此标记添加到 config 对象中，然后在下一行中，我将其排除。

它在我的 main.js 文件中执行如下:

import interceptor from './helpers/httpInterceptor.js';
interceptor();

token 存在于我在控制台中看到的配置对象中(因为我控制了 config 对象):

每当我按预期向 rest API 发出一些请求时，它就会运行。如果 token 存在(登录后)，它应该向每个请求添加 token header 。不幸的是，它没有添加它，尽管它存在于配置对象上，这让我有点困惑。

正如我在网络选项卡中看到的那样，它实际上并没有向真实请求添加 token :

这个屏幕截图当然是在登录后拍摄的，因此 token 已经在 vuex 存储中，并且在我执行注销功能(调用 rest API)后它会输出配置(拦截器的一部分)。

结果我的 rest API 返回 400(错误请求)状态，因为我没有发送 token 。

编辑!!!

我在想我可以为这个问题添加什么来让它变得更好。我认为创建演示 plunker 是不可能的，所以我决定创建小 repository您可以下载并亲眼看到问题的演示。希望对解决问题有所帮助!

最佳答案

我想通了。

我不知道有一种叫做预检请求的东西，它在真正请求 rest API 之前执行。如果预检请求失败，它将不会接受/接收更多 header 。这就是为什么我没有在 chrome 控制台网络选项卡中根据实际请求看到它，而是在拦截器中 console.loged 的配置对象中。

在调用不存在的 URL 的存储库演示中相同，因此预检请求也在那里失败。在创建这个演示时，我不知道预检请求之类的东西存在，所以我确信调用一些现有的 URL 端点或虚构的端点并不重要，我认为在这两种方式中我都应该能够看到那里有请求 header 。

关于javascript - Axios 拦截器 token header 存在于配置中但不存在于请求 header 中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47993195/

拦截器headertoken预检javascripthttpvuejs2axiosinterceptor

有关javascript - Axios 拦截器 token header 存在于配置中但不存在于请求 header 中的更多相关文章

  1. ruby-on-rails - rspec - 如何检查方法是否存在？ - 2

    我的模型有defself.empty_building//stuffend我怎样才能对这个现有的进行rspec？，已经尝试过:describe"empty_building"dosubject{Building.new}it{shouldrespond_to:empty_building}endbutgetting:Failure/Error:it{shouldrespond_to:empty_building}expected#torespondto:empty_building 最佳答案 你有一个类方法self.empty_bu

  2. ruby-on-rails - ActiveRecord 的 find_or_create* 方法是否存在根本性缺陷？ - 2

    有几种方法:first_or_create_by、find_or_create_by等，它们的工作原理是:与数据库对话以尝试找到我们想要的东西如果我们找不到，就自己做保存到数据库显然，并发调用这些方法可能会使两个线程都找不到它们想要的东西，并且在第3步中一个线程会意外失败。似乎更好的解决方案是，创建或查找即:提前在您的数据库中创建合理的唯一性约束。如果你想保存一些东西，就保存它如果有效，那就太好了。如果它因为RecordNotUnique异常而无法工作，它已经存在，太好了，加载它那么在什么情况下我想使用Rails内置的东西而不是我自己的(看起来更可靠)create_or_find？

  3. ruby-on-rails - Heroku 吃掉了我的自定义 HTTP header - 2

    我正在使用Heroku(heroku.com)来部署我的Rails应用程序，并且正在构建一个iPhone客户端来与之交互。我的目的是将手机的唯一设备标识符作为HTTPheader传递给应用程序以进行身份​​验证。当我在本地测试时，我的header通过得很好，但在Heroku上它似乎去掉了我的自定义header。我用ruby​​脚本验证:url=URI.parse('http://#{myapp}.heroku.com/')#url=URI.parse('http://localhost:3000/')req=Net::HTTP::Post.new(url.path)#boguspara

  4. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法？ - 2

    我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  5. ruby-on-rails - 如何找出拦截 'method_missing' 的内容 - 2

    使用Ruby1.8.6/Rails2.3.2我注意到在我的任何ActiveRecord模型类上调用的任何方法都返回nil而不是NoMethodError。除了烦人之外，这还破坏了动态查找器(find_by_name、find_by_id等)，因为即使存在记录，它们也总是返回nil。不从ActiveRecord::Base派生的标准类不受影响。有没有办法追踪在ActiveRecord::Base之前拦截method_missing的是什么？更新:切换到1.8.7后，我发现(感谢@MichaelKohl)will_paginate插件首先处理method_missing。但是will_pa

  6. ruby - 检查网络文件是否存在，而不下载它？ - 2

    是否可以在不实际下载文件的情况下检查文件是否存在？我有这么大的(~40mb)文件，例如:http://mirrors.sohu.com/mysql/MySQL-6.0/MySQL-6.0.11-0.glibc23.src.rpm这与ruby​​不严格相关，但如果发件人可以设置内容长度就好了。RestClient.get"http://mirrors.sohu.com/mysql/MySQL-6.0/MySQL-6.0.11-0.glibc23.src.rpm",headers:{"Content-Length"=>100} 最佳答案

  7. ruby-on-rails - 如果存在则更新，否则什么也不做？ - 2

    当且仅当模型存在时，我才尝试更新模型的值。如果没有，我什么都不做。搜索似乎只返回更新或创建问题/答案，但我不想创建。我知道我可以用一个简单的方法来做到这一点:found=Model.find_by_id(id)iffoundupdatestuffend但是，我觉得有一种方法可以在一次调用中完成此操作，而无需分配任何临时本地值或执行if。如果记录不存在，我该如何编写一个Rails调用来更新记录而不出现嘈杂错误？最新的Rails3.x 最佳答案 您可以使用try在对find_by_id或where的结果调用update_attribut

  8. ruby - 如何使用 Ruby 检查域是否存在？ - 2

    类似的东西:defdomain_exists?(domain)#performcheck#returntrue|falseendputs"valid!"ifdomain_exists?("example.com") 最佳答案 require'socket'defdomain_exists?(domain)beginSocket.gethostbyname(domain)rescueSocketErrorreturnfalseendtrueend 关于ruby-如何使用Ruby检查域是否存

  9. ruby-on-rails - 检查 Rails/Ruby 中对象是否存在的正确方法是什么？ - 2

    我有很多模型和关系。由于这个事实，在View/Controller中有很多调用，看起来像这样:@object.something.with_something.value链的某些部分最终可能为零，这完全没问题。检查终端对象是否存在的正确/干净/快速的方法是什么？正在调用类似的东西:@object.something.with_something.valueifdefined?@object.something.with_something.value还可以吗？ 最佳答案 在本地，您需要使用&&运算符(不是defined?)，但这很快

  10. ruby - 在 Mechanize 中使用 JavaScript 单击链接 - 2

    我有这个:AccountSummary我想单击该链接，但在使用link_to时出现错误。我试过:bot.click(page.link_with(:href=>/menu_home/))bot.click(page.link_with(:class=>'top_level_active'))bot.click(page.link_with(:href=>/AccountSummary/))我得到的错误是:NoMethodError:nil:NilClass的未定义方法“[]” 最佳答案 那是一个javascript链接。Mechan

随机推荐