vue 요청 인터페이스 첫 번째 성공, 두 번째 실패 문제 해결

1419 단어 vue요청하다인터페이스
vue를 사용하여 인터페이스를 요청하면 문제가 발생합니다.
한 번만 요청할 수 있는데 버튼을 누르면 요청할 때
502 (이것은 인터페이스 정의) 502는 빈 값을 전달하는 것입니다. 이것은 그중의 한 상황입니다. 그리고 다른 상황도 있습니다.
그리고 나서 내 앞부분 코드에 문제가 없고 인터페이스 코드에도 문제가 없다는 것을 발견했다

data() {
  return {
    form: {
      old_password: '',
      new_password: '',
      confirm_password: ''
    }
  }
},
값을 다시 부여하면 해결이 돼요.

this.$http.post('/api/users/modifyPassword', this.form,
  (res) => {
    this.form = {
      old_password: this.form.old_password,
      new_password: this.form.new_password,
      confirm_password: this.form.confirm_password
    }
    if (is.object(res)) {
      console.log(res)
      if (res.code === '0') {
        this.$router.push({ path: '/my/' })
        this.$toast.show(res.msg)
      } else {
        this.$toast.show(res.msg)
      }
    }
  })
보충 지식: vue에서 axios 요청 인터페이스를 사용하면 요청이 두 번 발송됩니다.
vue에서 axios 요청 인터페이스를 사용하면 요청이 두 번 발송됩니다.
브라우저는 단순 요청과 비단순 요청으로 나뉩니다.
솔루션:
크로스 도메인 요청은 먼저 Option 사전 요청을 보내야 합니다. OPTIONS는 크로스 도메인을 허용하는지 검사합니다. OPTIONS 요청을 원하지 않으면 백엔드에서 option을 만나면 바로 되돌아오게 하면 됩니다. 앞부분은 처리하지 않아도 됩니다.
이상의 이 해결 vue 요청 인터페이스는 첫 번째 성공, 두 번째 실패 문제는 바로 편집자가 여러분에게 공유한 모든 내용입니다. 여러분께 참고가 되고 저희를 많이 사랑해 주시기 바랍니다.
[TIL. 04] JavaScript - object 2
R-CNN 논문 리뷰

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage