根據特殊分支場景，修改源站響應內容。

示例代碼

async function handleRequest(request) {
    // 獲取原始的請求數據
    const originalResponse = await fetch("//www.daliqc.cn")

    const url = new URL(request.url)
    const params = url.searchParams

    // 如果傳入 title 參數，嘗試填充到頁面中，修改返回的內容
    let title = params.get("title")
    if (title != "") {
        title = encodeURIComponent(title)
        let text = await originalResponse.text()
        text = text.replace("<title>", "<title>" + title + " | ")

        return new Response(text, originalResponse)
    }

    return originalResponse
}

addEventListener("fetch", event => {
    event.respondWith(handleRequest(event.request))
})

示例預覽

源站響應內容被修改。

相關參考

• 運行時API：addEventListener
• 運行時API：FetchEvent
• 運行時API：Web Standards
• 運行時API：Fetch
• 運行時API：Response