javascript - 从 axios 请求捕获错误时重定向

Question

我正在尝试重定向到当我从 axiosRequest 捕获错误时创建的错误页面。所以无论如何，我得到了一个充满这样方法的 .js:

export const getPublication = async (id) => {
    const idJSON = {"id": id,}
    return await axios({
        method: 'post',
        url: 'users/getPublicationByID',
        data: idJSON
      })
      .then(function (response) {
          return response.data
      })
      .catch(function (error) {
          alert("Hello: " + error); //this alert shows up correctly
          this.context.history.replace('/error') //this isnt working
      });
}

然后在我的 .js 页面中导入该文件并执行我的请求。当我收到错误时，我确实在前面的代码中的 catch 中收到了警报，但我无法重定向我的页面。我怎样才能做到这一点？

Answer 1

您可以从导入的组件将 this.props 传递给此函数

getPublication(id,this.props);

和你的函数

export const getPublication = async (id,props) => {
    const idJSON = {"id": id,}
    return await axios({
        method: 'post',
        url: 'users/getPublicationByID',
        data: idJSON
      })
      .then(function (response) {
          return response.data
      })
      .catch(function (error) {
          alert("Hello: " + error); //this alert shows up correctly
          props.history.push('/path');          
      });
}

希望对你有帮助