vue 에서 axios 설정 시간 초과(5 분 초과)반응 없 는 문제 해결

(chrome 환경)프로젝트 를 할 때 빅 데이터 시각 화 인터페이스 를 만 들 기 때문에 배경 인터페이스 에서 데 이 터 를 조회 하 는 데 오래 걸 리 기 때문에 vue 프로젝트 axios 요청 시간 초과 timeout 설정 이 비교적 크다.시간 초과 설정 을 시작 한 지 3 분 이 되 지 않 았 을 때 문제 가 없습니다.
그래서 자료 조 회 를 통 해 Chrome 브 라 우 저 를 알 게 되 었 습 니 다.기본 요청 시간 이 5 분 초과 되 었 기 때문에 항소 현상 이 발생 했 습 니 다.vue 에서 브 라 우 저 시간 초 과 를 어떻게 수정 할 수 있 습 니까?
직접 코드 올 리 기:
config 파일 에서 index.js 를 설정 할 수 있 습 니 다.timeout 을 설정 하면 됩 니 다.여 기 는 vue 2 환경(vu 3 동일)입 니 다.

proxyTable: {
    '/searchPerson': {
      target: '      ',
      timeout: 6*60*1000, //    
      changeOrigin: true
     },
     '/taskResult': {
      target: '       ',
      timeout: 6*60*1000,  //    
      changeOrigin: true
     }
     
  },
index.js 설정 시간 초과 후 서 비 스 를 다시 시작 하 십시오.그렇지 않 으 면 반응 이 없습니다.
질문
laravel 에 대해 서 는 이미 토로 할 힘 이 없습니다.다 중 스 레 드 를 지원 할 수 없 는 것 은 영원한 고통 입 니 다.만약 이 문제 가 자바 에 있다 면 직접 다른 스 레 드 를 만 들 면 해결 할 수 있 고 분 이면 데 이 터 를 되 돌 릴 수 있 습 니 다!
문제:아 리 클 라 우 드 oss 에 동 영상 을 올 리 면 큰 파일 이 알 수 없 이 두 번 올 라 가 고 전단 은 약 4.1min 에 연결 을 끊 습 니 다.
사고:아 리 클 라 우 드 콘 솔 에서 같은 동 영상 이 두 번 올 라 온 것 을 볼 수 있 기 때문에 전단 프레임 이나 백 엔 드 프레임 워 크 가 retry 를 연결 한 것 으로 추정 된다.
해결 방안:
1.백 엔 드 프레임 워 크(laravel)검증:

public function testTimeOut(){
 
    sleep(400);
    return 'sleep await';  
}

백 스테이지 가 400 s 이후 에 데 이 터 를 되 돌 릴 수 있 음 을 알 수 있 으 며,기본적으로 백 스테이지 laravel 프레임 워 크 의 문 제 를 제거 할 수 있 습 니 다.
2.전단 프레임 워 크(Vue)검증

원래 설정 파일 의 기본 시간 초과 시간 은 2min 입 니 다.(여기 도 추측 입 니 다)
그리고 동 영상 을 올 리 기 시 작 했 습 니 다.콘 솔 에서 upload 요청 을 보 냈 습 니 다.아 리 클 라 우 드 콘 솔 을 새로 고치 면 파일 이 올 라 가 는 것 을 볼 수 있 습 니 다.기묘 한 일이 발생 했 습 니 다.net errempty_response,그리고 아 리 클 라 우 드 콘 솔 을 새로 고침 하면 방금 올 린 동 영상 이 완성 되 었 음 을 발견 할 수 있 습 니 다.하지만 같은 동 영상 이 올 라 오고 있 습 니 다.그래서 전단 에서 response 를 받 지 못 한 후에 다시 한 번 요청 을 시 도 했 기 때문에 동 영상 이 두 번 올 라 갈 것 이 라 고 추측 합 니 다!그래서 문제 가 전단 틀 에 있다 고 단정 할 수 있다.
한 차례 의 테스트 와 연 구 를 통 해

여기 timeout 을 설정 하면 아까 문 제 를 효과적으로 해결 할 수 있 습 니 다!
이상 vue 에서 axios 설정 시간 초과(5 분 초과)가 반응 하지 않 는 문 제 를 해결 하 는 것 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 도 많이 응원 해 주시 기 바 랍 니 다.

좋은 웹페이지 즐겨찾기