Как использовать Nuxt proxy для всех запросов axios?

Question

[goodden1]

разместил на heroku на разных доменах front и back.
делая запросы на бэк блокирует cors.подключил proxy для nuxt

но никак не могу разобраться как он работает.
мне нужно что бы любой запрос axios перенаправлялся на api домен....
пока что мой nuxt.config.js выглядит так

modules: [
    // Doc: https://axios.nuxtjs.org/usage
    '@nuxtjs/auth',
    '@nuxtjs/axios',
    '@nuxtjs/pwa',
    '@nuxtjs/proxy'
  ],
  axios: {
    proxy: true,
    proxyHeaders:false,
  },
  proxy: {
        '/api': {
      target: 'https://api-for-blog.herokuapp.com/api',
      changeOrigin: false,
      pathRewrite: {
        '^/api' : '/'
      }
    }
  },
  // axios: {
  //   proxy: true
  // },
  //
  // proxy: {
  //   '/api/': { target: 'https://api-for-blog.herokuapp.com/api', pathRewrite: {'^/api/': ''},changeOrigin: true }
  // },
  auth: {
    strategies: {
      local: {
        endpoints: {
          login: { url: "api/login", method: "post", propertyName: "meta.token" },
          user: { url: "api/user", method: "get", propertyName: "data" },
          logout: { url: api/logout", method: "post" },
        },
      }
    },
    watchLoggedIn: true,
    rewriteRedirects: true
  },

Comments

[Ceretean]

Решилась проблема?

Answer 1

[MaxC]

Как решили проблему?

Comments

[Евгений]

Нужно сделать в nuxt.config:
axios: {
proxy: true
},

[Kotaro Hiba]

Евгений, так в примере кода уже есть proxy: true

Answer 2

[Mixonic]

https://dev.to/bosemian/avoid-cors-in-nuxt-js-with...