【重定向-浏览器域名跳转】

琳沫lerlee

已于 2025-03-28 14:38:25 修改

阅读量441

点赞数 4

分类专栏：小白日志---前端文章标签： javascript edge浏览器

于 2025-03-21 15:26:12 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45655721/article/details/146421749

版权

小白日志---前端专栏收录该内容

12 篇文章

订阅专栏

浏览器域名跳转

要实现当在浏览器输入一个域名后，页面刷新跳转到另一个登录域名，通常有多种方式可以实现，下面分别介绍不同场景下的实现方法。

1. 使用 HTML 的 `<meta>` 标签（适用于简单静态页面）

可以在 HTML 文件的 <head> 标签中添加 <meta> 标签，利用其 http-equiv 属性设置页面重定向。以下是一个示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 3 秒后重定向到指定的登录域名 -->
    <meta http-equiv="refresh" content="3;url=https://login.example.com"> 
    <title>Redirecting...</title>
</head>
<body>
    正在跳转到登录页面，请稍候...
</body>
</html>

在上述代码里，content 属性的值包含两部分，用分号分隔。前面的数字 3 表示等待 3 秒后进行重定向，后面的 url 则指定了要跳转的登录域名。

2. 使用 JavaScript 实现重定向（适用于动态页面）

在 JavaScript 里，可以使用 window.location.href 或者 window.location.replace() 方法来实现页面重定向。以下是示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Redirecting...</title>
</head>
<body>
    <script>
        // 直接跳转
        window.location.href = 'https://login.example.com'; 

        // 或者使用 replace 方法，该方法不会在浏览器历史记录中留下当前页面记录
        // window.location.replace('https://login.example.com');
    </script>
</body>
</html>

1. 旧版浏览器支持

// 示例：兼容 IE 11
if (typeof history.pushState!== 'function') {
  window.location.href = '/admin';
} else {
  history.pushState({}, '', '/admin');
}

2.需要强制刷新页面

// 示例：清除缓存后刷新
function clearCacheAndReload() {
  caches.deleteAll();
  window.location.href = window.location.href; // 刷新当前页面
}

3. 在服务器端实现重定向（适用于后端服务）

如果你使用的是后端服务，例如 Node.js 的 Express 框架、Python 的 Flask 框架等，可以在服务器端代码中设置重定向。

Node.js + Express 示例

const express = require('express');
const app = express();

// 监听根路径
app.get('/', (req, res) => {
    // 302 状态码表示临时重定向，重定向到登录域名
    res.redirect(302, 'https://login.example.com'); 
});

const port = 3000;
app.listen(port, () => {
    console.log(`Server running on port ${port}`);
});

Python + Flask 示例

from flask import Flask, redirect

app = Flask(__name__)

@app.route('/')
def redirect_to_login():
    # 重定向到登录域名
    return redirect('https://login.example.com', code=302)

if __name__ == '__main__':
    app.run(debug=True)