Мой запрос API Axios работает в Postman, но не в Интернете

Я использую экспресс-сервер и устанавливаю эти заголовки:

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header(
    "Access-Control-Allow-Headers",
    "Origin, X-Requested-With, Content-Type, Accept"
  );
  next();
});

Когда я запускаю этот вызов api в Postman, я добиваюсь успеха: Мой запрос API Axios работает в Postman, но не в Интернете

У меня возникают проблемы, когда я пытаюсь сделать это в Интернете.

Я создаю такой экземпляр axios: импортировать axios из "axios";

const instance = axios.create({
  baseURL: "http://192.168.1.9:9000"
});

instance.interceptors.request.use(
  config => {
    let token = localStorage.getItem("token");
    if (token) {
      config.headers["token"] = token;
    }
    config.headers["Content-Type"] = "application/x-www-form-urlencoded";
    return config;
  },
  err => Promise.reject(err)
);

export default instance;

В своем веб-приложении я вызываю api, но заголовки token и Content-Type там не отображаются:

axiosInstance.get("/api/admin/users").then(response => {
  console.info("response::::", response);
});

Мой запрос API Axios работает в Postman, но не в Интернете

Как мне пройти через заголовки токена и Content-Type?

Спасибо за вашу помощь

Браузер также отправляет запрос OPTIONS? Возможно, вам придется включить запросы CORS OPTIONS на вашем сервере.

Tholle 01.07.2018 15:00
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
1
1
1 820
0

Другие вопросы по теме