Блог

Главная - Вопросы по программированию - Как решить проблему CORS в API разработчика Dunzo при вызове из nuxt js с помощью AXIOS?

Как решить проблему CORS в API разработчика Dunzo при вызове из nuxt js с помощью AXIOS?

#javascript #vue.js #nuxt.js

Вопрос:

Получение ошибки CORS при вызове API разработчика Dunzo базовый URL API https://apis-staging.dunzo.in

мой код таков

 await axios
    .get("https://apis-staging.dunzo.in/api/v1/token", {
      headers: {
        "client-id": "<MY_CLIENT_ID>",
        "client-secret": "<MY_CLIENT_SECRET>",
        "Accept-Language": "en_US",
        "Content-Type": "application/json",
      },
    })
    .then((response) => {
      return res.status(200).json(response);
    })
    .catch((err) => {
      console.log("err =====", err);
      return res.status(400).json({
        error: err,
      });
    });

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

1. Как всегда, поскольку это проблема CORS, ответ будет таким: на бэкэнде. Перейдите на свою панель мониторинга или около того и установите там параметры CORS.

Ответ №1:

БЛАГОДАРЯ КИССУ Я РЕДАКТИРУЮ ЭТОТ ПОСТ (ЭТО НЕПРАВИЛЬНОЕ РЕШЕНИЕ)

Вы можете сделать это, чтобы обойти CORS то, что не рекомендуется. Перейдите в nuxt.config.js файл и создайте что-то вроде этого:

 axios: {
  proxy: true
},

proxy: {
  ‍'/api': {
    target: 'http://back-url:<some-port>/',
    pathRewrite: { '^/api': '' }
  }
}

Теперь вы можете отправлять запросы, подобные этому:

 this.$axios.get('/api/some-getter-request')
Метки: