用JS中的window.name实现跨域数据传输

最新推荐文章于 2025-06-24 14:30:11 发布

原创

最新推荐文章于 2025-06-24 14:30:11 发布 · 450 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言

要求: 点击登录（OAuth2.0统一认证登录）跳转到 window.location.href = 'http://127.0.0.1:9000/oauth2/authorize?response_type=code&client_id=anchoremc-seed&scope=openid&redirect_uri=http://127.0.0.1:8000/signIn'; ，他会重定向到后端的登录页面http://127.0.0.1:9000/login.通过window.name把用户名和密码传递给，后端的登录页面http://127.0.0.1:9000/login做自动填充，怎么做？

前端代码

在登录表单的 handleCertificate 方法中，设置 window.name 属性。将用户名和密码以 JSON 格式存储在 window.name 中。
跳转到后端的登录页面。

const handleCertificate = async () => {
    const values = await form.validateFields().catch(error => {
        console.log(error);
    });
    const { remember, userName, password } = values as SignInForm;

    if (values && !code) {
        remember && setLocalStorage('signInfo', { remember, userName, password });

        // 将用户名和密码存储到 window.name