Tính năng hết thời gian trong thư viện trục không hoạt động

Question

Tôi đã đặt axios.defaults.timeout = 1000;

Tôi đã dừng máy chủ cung cấp API.

Nhưng phải mất hơn 1 giây để hết thời gian chờ sau khi gửi yêu cầu.

Đây là cách yêu cầu của tôi trông:

import axios from 'axios'; 
axios.defaults.timeout = 1000; 

return axios.post(`${ROOT_URL}/login/${role}`, creds).then((response) => { 
     console.log(response); 

     if(response.status === 200) { 
      // If login was successful, set the token in local storage 
      localStorage.setItem(`${role}_log_toks`, JSON.stringify(response.data)); 

      // Dispatch the success action 
      dispatch(receiveLogin(response.data)); 

      return response; 
     } 
     }).catch(err => { 
     console.log(err); 
     // If there was a problem, we want to 
     // dispatch the error condition 
     if(err.data && err.status === 404) { 
      dispatch(loginError(err.data)); 
     } else { 
      dispatch(loginError('Please check your network connection and try again.')); 
     } 

     return err; 
     }); 

Tôi cũng đã cố gắng:

return axios.post(`${ROOT_URL}/login/${role}`, creds, {timeout: 1000}).then... 

Axios không chỉ dừng lại lấy và sau 5 - 10 phút cuối cùng nó cho thấy lỗi mạng. Tôi hiểu rằng có những kỹ thuật khác để xử lý thời gian chờ nhưng tại sao tính năng thời gian chờ trong các trục hoạt động? Điều gì có thể là lý do mà các trục không ngừng tìm nạp?

Axios version 0.9.1

EDIT: Như đã đề cập trong các ý kiến, tôi cũng cố gắng:

import axios from 'axios'; 

const httpClient = axios.create(); 

httpClient.defaults.timeout = 500; 

return httpClient.post(`${ROOT_URL}/login/${role}`, creds) 
    .then(handleResponse) 

Answer 1

Bạn cần phải tạo một thể hiện của các khách hàng Axios http:

const httpClient = axios.create(); 
httpClient.defaults.timeout = 500; 

Sau đó, bạn có thể sử dụng httpClient như sau:

return axios.post(`${ROOT_URL}/login/${role}`, creds) 
    .then(handleResponse) 

Trên một mặt lưu ý bạn cũng có thể thiết lập các địa chỉ cơ sở trong cùng một cấu hình thay vì sử dụng ${ROOT_URL}:

httpClient.defaults.baseURL = ROOT_URL