向外部API发出POST请求时出现NUXT重定向问题

Question

我在Nuxt中创建了一个表单。我正试着把它提交给一个外部API。预期的响应是JWT令牌。

  async login() {
      const res = await this.$axios.$post(`/api/token`, {
        username: this.username,
        password: this.password
      }, this.headers )
       console.log(res)
    }

尝试直接调用API会导致CORS错误，因此我在nuxt.confix.js中使用代理设置。

...
  modules: [
    '@nuxtjs/axios',
    '@nuxtjs/proxy'
  ],
  axios: {
    baseURL: '/',
    proxy: true
  },
  proxy: {
    '/api/': { target: 'https://<apiurl>.com/', changeOrigin: true }
  },
...

现在，当我检查网络选项卡时，它显示了301重定向，但在post请求中发送的数据被丢弃，它向API发出get请求，返回405错误（因为它期待带有数据的POST请求而不是空GET请求）。

如何使用 NUXT 向外部 API 发出 POST 请求？这是一个选项吗？

我尝试更改changeOrigin: false，这似乎解决了这个问题，但是它抛出了一个500 server错误和一个npm错误

 ERROR  [HPM] Error occurred while proxying request localhost:3000/api/token to https://<apiurl>.com/ [ERR_TLS_CERT_ALTNAME_INVALID] (https://nodejs.org/api/errors.html#errors_common_system_errors)

谢谢你

Answer 1

问题不在于如何将api发送给外部API...问题出在外部API本身...确保外部API没有执行任何操作所需的凭据...

如果你能向https://jsonplaceholder.typicode.com/posts发出请求并得到结果，那就意味着你的代码没有问题...大多数情况下，cors错误是后端问题...这意味着..从事这项工作的后端开发人员应该修复它