C# / JavaScript 獲取當前頁面 URL 完整屬性對照表：Request.Url、Location、Document 全解析

測試網址

https://www.example.com:8080/web/index.aspx?category=books&id=123#section2

C# 伺服端 (ASP.NET Web Forms / MVC / Core)

實用組合

// 取得網站根目錄 URL (含應用程式路徑)
string baseUrl = $"{Request.Url.Scheme}://{Request.Url.Authority}{Request.ApplicationPath.TrimEnd('/')}";
// 結果: https://www.example.com:8080/web (若為虛擬目錄)

// 重導向保持查詢字串
Response.Redirect(Request.RawUrl); // Web Forms
return LocalRedirect(Request.Path + Request.QueryString.ToString()); // Core

JavaScript 客戶端

實用操作

// 解析查詢參數 (現代寫法)
const params = new URLSearchParams(window.location.search);
const category = params.get('category'); // "books"
const id = params.get('id'); // "123"

// 建立新 URL
const newUrl = new URL('/api/books', window.location.origin);
newUrl.searchParams.set('category', category);
fetch(newUrl).then(...)

// 重導向
window.location.href = '/login?returnUrl=' + encodeURIComponent(window.location.pathname + window.location.search);
window.location.assign(url); // 同 href 但可攔截
window.location.replace(url); // 替換歷史記錄 (無法返回)

// 重新整理
window.location.reload(); // 從伺服器重載
window.location.reload(true); // 強制略過快取

跨端傳遞 URL 資訊最佳實踐

1. 伺服端渲染注入給前端

<script>
    // Razor / Web Forms
    window.appConfig = {
        baseUrl: "@Request.Url.GetLeftPart(UriPartial.Authority)@Request.ApplicationPath",
        currentPath: "@Request.RawUrl",
        isDebug: @(HttpContext.Current.IsDebuggingEnabled.ToString().ToLower())
    };
</script>

2. AJAX 請求自動帶入相對路徑

// jQuery
$.ajax({
    url: '/api/users', // 相對路徑自動解析為當前源
    // 或明確指定
    url: window.appConfig.baseUrl + '/api/users'
});

// Axios 全域基礎路徑
axios.defaults.baseURL = window.appConfig.baseUrl + '/api';

常見陷阱