以下重定向是fetch()
. 您可以像这样覆盖它:
fetch(url, {redirect: "manual"})
但是您的脚本可能存在更深层次的问题。通常,传入的event.request
已经redirect = "manual"
设置了属性,所以如果你event.request
直接传递给fetch()
,那么你会得到你想要的行为。如果您看到重定向被自动跟踪,这表明您没有传递原始请求对象,此外,您已经删除了一些原始请求的属性。
当人们编写如下代码时,通常会发生这种情况:
// INCORRECT: Loses request properties and headers!
let newUrl = rewriteUrl(event.request.url);
event.respondWith(fetch(newUrl));
有时人们意识到这会丢失标题,因此他们尝试将它们添加回来,例如:
// STILL INCORRECT: Loses request properties other than headers!
let newUrl = rewriteUrl(event.request.url);
event.respondWith(fetch(newUrl, {headers: event.request.headers}));
正确的做法是将整个request
对象作为第二个参数传递给fetch()
,例如:
// CORRECT
let newUrl = rewriteUrl(event.request.url);
event.respondWith(fetch(newUrl, event.request));
这样,所有请求的属性,包括redirect
、method
、body
等,都会被复制过来。
请注意,如果要修改 URL和标头,则需要执行两个步骤:
let newUrl = rewriteUrl(event.request.url);
let newHeaders = rewriteHeaders(event.request.headers);
// Create a new Request object with the new headers.
let newRequest = new Request(event.request, {headers: newHeaders});
// Fetch the new URL using the new Request object.
event.respondWith(fetch(newUrl, newRequest));
或者,您可以利用您自己创建的 Request 对象(与您在事件中收到的对象相反)是可变的这一事实:
let newUrl = rewriteUrl(event.request.url);
// Create a new Request object with modified URL.
let newRequest = new Request(newUrl, event.request);
// Modify the headers directly on this object.
newRequest.headers.set("X-Foo", "Bar");
// Forward it on.
event.respondWith(fetch(newRequest));