reactjs React Js Axios在我的代码中有一些错误,谁知道优化这些数据,我不知道如何使用它REST API

guz6ccqo  于 2023-04-11  发布在  React
关注(0)|答案(2)|浏览(111)

从“axios”导入axios;
const options = { headers:{ 'content-type':'application/json',ContentType:'text/json;charset=utf-8','X-RapidAPI-Key':'REACT_APP_KEY','X-RapidAPI-Host':'rdrunnerxx-trackservice.p.rapidapi.com' },data:'{“Locations”:[{“LatLong”:{“Latitude”:39.767968,“Longitude”:64.421725}},{“LatLong”:{“Latitude”:40.022882,“Longitude”:64.516878}}],“RouteOptions”:{“DistanceUnit”:0,“RouteOptimize”:0,“Culture”:“en-US”,“MapSize”:null,“RouteColor”:null}}' };
export const ApiService = { async fetching(){ const response =axios.post('https://rdrunnerxx-trackservice.p.rapidapi.com/route',data,{ options })return response },}
const response =axios.post('url ',data,{ options })const data =?

fnx2tebb

fnx2tebb1#

我认为你需要编辑ContentType为“Content-Type”:“application/json”

const {data} = await axios.post('/user', document.querySelector('#my-form'), {
  headers: {
    'Content-Type': 'application/json'
  }
})

文档:https://axios-http.com/docs/post_example

mnowg1ta

mnowg1ta2#

这个应该能用

async function fetching() {
  try {
    const response = await axios.post(
      'https://rdrunnerxx-trackservice.p.rapidapi.com/route',
      options.data,
      { headers: options.headers }
    );

    const data = response.data;
    console.log('data', data);
    return data;
  } catch(error) {
    console.log(error)
  }
}

export const ApiService = {
   fetching,
}

使用“提取”功能

// component.jsx

useEffect(() => {
  fetching();
}, [])

相关问题