axios.get 请求返回 GET,HEAD 作为响应

Question

我正在使用 React、Redux、Node、Axios 并使用 mongoose-paginate-v2 为我的请求添加分页。我的 axios.get 看起来像这样：

export const getUsers = (page) => {

  return (dispatch, getState) => {

    axios.get(`${USERS_ENDPOINT}/${page}`,

      {

        headers: {

          Authorization: `${USERS_TOKEN}`,

          "token": cookies.get('token')

        }

      })

      .then(async response => {

        dispatch({

          type: GET_USERS,

          payload: response.data.list,

          page: page

        });

      }).catch(e => { console.log(e); return e })

  }

}

我的 rest-api 函数如下所示：

app.get('/allusers/:page', auth, (req,res)=>{

  console.log('req',req)

  let log={}

  Object.assign(log,{header:req.headers,body:req.body,query:req.query,params:req.params})

  request(uri,USERS_FILTER,{token: req.header('token'), page:req.params.page

}).then(result => {

    res.status(200).send(result);

  }).catch(error => {

    logger.error('log error',{error:error})

    if(error.response.errors[0].message==='Error: 401'){

      res.status(401).send('Not Permitted');

    }else{

      res.status(500).end(); // Or other error handling

    }

  });

  logger.info('users request log',log)

});

当我使用邮递员对其进行测试时，我的后端工作正常，但是当我使用我的 UI 发送请求时，我得到状态 200 并GET, HEAD作为响应，当我使用邮递员时，我得到了一个与我的用户一起使用的选项卡。这是我的请求的屏幕截图：

PS：我正在使用：

• 节点 v12.6.0

• 反应 v16.6.3

• 快递 v4.16.3

Answer 1

我使用cors包https://www.npmjs.com/package/cors解决了这个问题