Question

我正在使用Nuxtjs和内置的Vuex模块以及Nuxtjs的官方axios。我试图从我的本地服务器获取并且它总是抛出CORS错误。

所以我对Github的公共端点进行了API调用，但在我的控制台中只获得了CORS错误。

我使用Store操作在组件创建生命周期上启动对服务器的AJAX调用。这是我的代码。


Failed to load https://api.github.com/users/kaungmyatlwin: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'. Origin 'http://localhost:3000' is therefore not allowed access. The credentials mode of requests initiated by the XMLHttpRequest is controlled by the withCredentials attribute.

仍然没有运气得到它。这是抛出到控制台的错误消息。

我在这里做错了什么？或者是驻留在async / await中的错误？

更新：奇怪的是，网络呼叫实际上是从服务器中取出并从中获取数据，因为它可以在Chrome的网络控制台中看到。

Answer 1

好的，我好像已经发现了这个问题。

在nuxt.config.js中，您必须放置credentials: false以允许CORS通配符。

我的axios配置在这里。

  axios: {
    baseURL: 'https://api.github.com',
    proxyHeaders: false,
    credentials: false
  }

参考：https://github.com/nuxt-community/axios-module#credentials

Nuxtjs Axios in Vuex Module CORS错误

1 个答案: