Как решить проблему CORS с nuxt при работе с несколькими API - PullRequest
Новая
       59

Как решить проблему CORS с nuxt при работе с несколькими API

0 голосов
/ 01 мая 2020

Для моего приложения nuxt я использую базу данных Firebase в реальном времени и API imgur.

Моя текущая конфигурация работает при взаимодействии с Firebase. Но ax ios вызывает ошибку CORS с imgur API. Я попытался настроить прокси в тупик.

Мой текущий файл nuxt.config выглядит следующим образом 

modules: [
    // Doc: https://axios.nuxtjs.org/usage
    '@nuxtjs/axios',
    '@nuxtjs/proxy',
    '@nuxtjs/pwa',
    'semantic-ui-vue/nuxt',
    '@nuxtjs/markdownit'
  ],
  /*
  ** Axios module configuration
  ** See https://axios.nuxtjs.org/options
  */
  axios: {
    baseURL: process.env.BASE_URL || 'https://xxx.firebaseio.com',
    proxy: true
  },
  proxy: {
    '/imgupload/': {
        target: 'https://api.imgur.com/3/upload',
        pathRewrite: {'^/imgupload/': ''}
      },
  },

Мой запрос axe ios: 

this.$axios.$post('imgupload', {"image": this.selectedFile}, {"headers": {"Authorization": "Client-ID xxx", "Content-Type": 'application/x-www-form-urlencoded'}})
                .then((res) => {
                    console.log(res);
                })
                .catch((err) => {
                    console.log(err);
                })
...