是否可以访问Service-worker提取请求标题中的令牌？

Question

我想将get请求发送到我的nodejs服务器，包括令牌“授权” 标题。为此，我使用此功能客户端：

// Do a secured GET API request and return response object
async function getJSON(url) {
    try {
        // Send request
        const res = await fetch(url, {
            headers: { Authorization: localStorage.getItem('token') }
        });

        // If something went wrong
        if (!res.ok) {
            // If token is invalid
            if (res.status === 401) {
                // Logout
                localStorage.removeItem('token');
                location.replace(`/?msg=${dict.get('expired-session')}`);
            }

            // Return an object with error message and status code
            return { error: res.statusText, status: res.status };
        }

        // Else return response object
        else return await res.json();
    } catch (err) {
        // Return an object with error message
        return { error: err.message };
    }
}

它可以正常工作，但是我使用服务工作者来缓存请求，并且我不希望将API请求缓存，所以我可以检查<<代码>“授权” 的存在：

// Fetch event
self.addEventListener('fetch', e => e.respondWith(respond(e)));

async function fetchAndCache(req, cache_name) {
    const { url, headers } = req;
    console.log({ url, headers });

    // Fetch request
    const fetch_res = await fetch(req);

    const is_get = req.method === 'GET';
    const is_api = req.headers.Authorization;
    const is_cahing_domain = cache_domains.some(domain => req.url.includes(domain));

    if (is_cahing_domain && is_get && !is_api) {
        // Open cache and save a cloned result
        const cache = await caches.open(cache_name);
        cache.put(req, fetch_res.clone());
    }

    return fetch_res;
}

async function respond(e) {
    if (!use_cache) return fetch(e.request);

    // Try to get response from cache
    const cached_res = await caches.match(e.request);

    // If response is found, return it
    if (cached_res) return cached_res;

    // If request is not found, try to fetch it
    return await fetchAndCache(e.request, 'main');
}

不幸的是，日志显示空标头：

即使服务器确实得到了令牌和cached（自从条件不起作用）请求还包括：

我搜索了几个小时，在类似问题中尝试了所有解决方案（在这里和在这里），但无效。请帮忙。

Answer 1

我不知道授权标题。但是打印标头的正确方法是通过方法2。似乎您正在使用方法1。

console.log("Try 1 to print headers.");
console.log(request.headers);

console.log("Try 2 to print headers.")
for (const pair of event.request.headers.entries()) {
  console.log(pair[0]+ ': '+ pair[1]);
}

console logs < /a>

Answer 2

标题{}并不意味着标题为空。这意味着它包含一个未在控制台中详细打印的对象。

您可以访问授权标题：

console.log('AuthorizationHeader is:',headers.get('Authorization'))