GET请求在postman中工作，但在Axios中失败

Question

我将GET请求发送到具有相同标头的相同endpoint，包括承载，但当我从Postman调用时得到200和正确的JSON，当我在我的（Vue）项目中使用Axios发送请求时，我得到302。

运行在localhost:8080（如果有用）上的本地项目的调用如下：

  const { authToken, userID } = store.getters.authUser
  const config = {
    method: 'get',
    url: '/' + userID,
    headers: {
      Authorization: `Bearer ${authToken}`,
      'Content-Type': 'application/json'
    }
  }
  axios(config)
    .then(res => {
      console.log(res)
      return res
    })
    .catch(e => {
      console.log(e)
    })

而在《邮递员》中，我所做的就是用相同的url创建一个GET请求，我在标题中添加的只是“承载者…”

我从axios得到的错误是：

Error: Network Error
    at createError (createError.js?2d83:16)
    at XMLHttpRequest.handleError (xhr.js?b50d:87)

响应状态是302，知道这里发生了什么吗？？

用户ID和authToken的值都存在，并且与我在postman中使用的值相同，url也一样

Answer 1

正如你所说

请求转到另一台服务器

我最好的猜测是执行axios调用的页面和axios请求中请求的资源在不同的域上。这意味着该请求是一个跨源请求。在这种情况下，浏览器将执行预飞行请求（GET请求不是CORS意义上的简单请求，因为存在Authoration标头）。在这种情况下，您的资源需要支持CORS，这意味着您需要设置Access-Control-Allow-Origin标头，并且需要为预飞行请求处理OPTIONSHTTP方法。