如何在react中重定向到外部链接时保存和传递用户名和密码

import React from 'react';

const redirectToExternal = (username, password) => {
  const url = `https://external-site.com?username=${encodeURIComponent(username)}&password=${encodeURIComponent(password)}`;
  window.location.href = url;
};

const App = () => {
  const handleRedirect = () => {
    const username = 'yourUsername';
    const password = 'yourPassword';
    redirectToExternal(username, password);
  };

  return (
    <div>
      <button onClick={handleRedirect}>Redirect to External Site</button>
    </div>
  );
};

export default App;

import React from 'react';

const App = () => {
  const handleRedirect = () => {
    const username = 'yourUsername';
    const password = 'yourPassword';

    const form = document.createElement('form');
    form.method = 'POST';
    form.action = 'https://external-site.com/login';

    const usernameField = document.createElement('input');
    usernameField.type = 'hidden';
    usernameField.name = 'username';
    usernameField.value = username;
    form.appendChild(usernameField);

    const passwordField = document.createElement('input');
    passwordField.type = 'hidden';
    passwordField.name = 'password';
    passwordField.value = password;
    form.appendChild(passwordField);

    document.body.appendChild(form);
    form.submit();
  };

  return (
    <div>
      <button onClick={handleRedirect}>Redirect to External Site</button>
    </div>
  );
};

export default App;

import React from 'react';

const App = () => {
  const handleRedirect = () => {
    const clientId = 'yourClientId';
    const redirectUri = 'https://your-app.com/callback';
    const authUrl = `https://external-site.com/oauth/authorize?client_id=${clientId}&redirect_uri=${encodeURIComponent(redirectUri)}&response_type=code`;

    window.location.href = authUrl;
  };

  return (
    <div>
      <button onClick={handleRedirect}>Login with External Site</button>
    </div>
  );
};

export default App;