Vue Nuxt Axios: междоменный POST с прокси

Question

Я пытаюсь создать междоменный POST, используя nuxt и axios

this.$axios.$post('https://hooks.zapier.com/hooks/catch/111111/xxxxx/', { name: 'Jose', })

CORS блокирует меня, поэтому я установил nuxt/proxy и настроил так:

proxy: {
    '/zapier': {
      target: 'https://hooks.zapier.com',
      pathRewrite: {
        '^/zapier': '/',
      },
    },
  },

this.$axios.$post('https://localhost:3000/zapier/hooks/catch/111111/xxxxx/', { name: 'Jose', })

❌ Но я все равно получаю тот же ошибка ответ:

{
  "message": "Network Error",
  "name": "Error",
  "stack": "Error: Network Error\n    at createError (http://localhost:3000/_nuxt/commons.app.js:771:15)\n    at XMLHttpRequest.handleError (http://localhost:3000/_nuxt/commons.app.js:306:14)",
  "config": {
    "url": "https://localhost:3000/zapier/hooks/catch/111111/xxxxx/",
    "method": "post",
    "data": "{\\"name\":\"Jose\"}",
    "headers": {
      "Accept": "application/json, text/plain, */*",
      "Content-Type": "application/json;charset=utf-8"
    },
    "baseURL": "http://localhost:3000/",
    "transformRequest": [
      null
    ],
    "transformResponse": [
      null
    ],
    "timeout": 0,
    "xsrfCookieName": "XSRF-TOKEN",
    "xsrfHeaderName": "X-XSRF-TOKEN",
    "maxContentLength": -1
  }
}

Может кто-то указать, что не так?

(Или, если это вообще возможно? Я использую Netlify, поэтому необходимо, чтобы он работал на стороне клиента)

Answer 1

Почти там ...

В режиме разработки я мог бы достичь желаемого результата с помощью следующих настроек:

  axios: {
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json',
    },
  },

  proxy: {
    '/zapier/': {
      target: 'https://hooks.zapier.com/',
      pathRewrite: { '^/zapier/': '' },
      changeOrigin: true,
    },
  },

Но прокси не работает на статическихсайты ?