javascript - 如何刷新页面并保留 Referer header

Question

我需要务实地刷新我的页面(例如 location.reload(true);)，但还要保持原始的 http referer header 。

如果您单击浏览器上的刷新按钮，http referer header 仍然存在。我知道有一个 ton在 javasript 中刷新页面的不同方式，有没有办法维护 http referer？

谢谢!

Answer 1

您不能强制 document.referrer 的值是重新加载的特定内容。但也有解决方法。

一种快速、不显眼的技术是在用户的 sessionStorage 中保留此状态。或 localStorage .

// Get the last known referrer
const referrer = JSON.parse(localStorage.getItem('myApp')).referrer;

// Save the current referrer.
localStorage.setItem('myApp', JSON.stringify({
    referrer : document.referrer
}));

您还可以通过将某些状态存储在查询字符串或片段标识符中，将其与重新加载相关联。

const referrer = document.referrer;

if (referrer) {

    let query = location.search;

    if (query) {
        query += '&';
    }

    query += 'referrer=' + encodeURIComponent(referrer);

    location.search = query;  // reloads the page
}

但是，如果您对页面内容没有太多控制权，则查询字符串方法可能会出现问题，因为某些看到查询的应用程序(前端和后端)会认为它们需要做一些特殊的事情。因此它可能会产生意想不到的副作用。