Question

我正在尝试使用FetchDataFromSubscription和nuxt进行跨域POST

axios

CORS阻止了我，因此我安装了this.$axios.$post('https://hooks.zapier.com/hooks/catch/111111/xxxxx/', { name: 'Jose', })并进行了如下设置：

nuxt/proxy

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

❌但是我仍然收到相同的错误响应：

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

有人可以指出出什么问题了吗？

（或者甚至有可能？我正在使用Netlify，因此有必要在客户端运行）

Answer 1

快到了...

在开发人员模式下，我可以通过以下设置获得所需的结果：

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

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

但是proxy在静态网站上无效?

Vue Nuxt Axios：带代理的跨域POST

1 个答案: