как перенаправить пользователя на другую веб-страницу

#javascript #reactjs

#javascript #reactjs

Вопрос:

Мой сервер RestAPI перенаправляет запрос пользователя на другую веб-страницу (например google.com ) как я могу перенаправить свой интерфейс на эту страницу, я имею в виду, что у меня есть кнопка, при нажатии на которую отправляется запрос axios на мой сервер. мой сервер перенаправляет его на другую веб-страницу, и я хочу показать своему клиенту эту веб-страницу

Я создал axios

  const url = "https://cors-anywhere.herokuapp.com/http://147.13.121.244:4001/redirect"
const client = axios.create({
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Basic a3p0ZXN5547asdhMnFUdVZN',

  }
});

let result = await client.get(url, {}).then((response) => {
  return response
}).catch((error) => {
  return error
})
  

Комментарии:

1. просто получите URL с сервера, затем window. location = newUrl

2. является ли страница частью вашего приложения или находится на другом хостинге?

Ответ №1:

Вы можете использовать window.location для перенаправления текущей страницы на URL, который вы получаете с сервера, или window.open для открытия этой страницы на другой вкладке.

Например:

 const redirectURL = // result.redirect
// Redirect
window.location = redirectURL;
// New Window
window.open(redirectURL, "_blank");
  

Вам придется изучить result объект, чтобы выяснить, как именно получить URL перенаправления, но как только он у вас будет, это сработает.

Комментарии:

1. дело в том, что мне нужно установить базовую аутентификацию перед перенаправлением, если я создам окно. location = result.url; я думаю, это не устанавливает заголовок

2. местоположение перенаправления является частью вашего приложения или находится на другом хостинге?

3. Перенаправление выполнит новый http-запрос, и ваши заголовки будут потеряны.

4. @HastaTamang У меня есть URL (» google.com » ) Я хочу переместить своего клиента по этому URL, и мне нужно, чтобы у моего пользователя была авторизация в заголовке, как я могу это решить

5. Используйте query string или session