반응형

vuex 4

많은 Ajax 요청을 보낼 때 Axios 가로채기 처리

많은 Ajax 요청을 보낼 때 Axios 가로채기 처리 Larave+J 사용WT 및 vue2 + vuex2 + 악리 따라서 사용자가 로그인할 때 vuex 저장소에 인증 토큰을 저장합니다.토큰이 만료되면 새로 고쳐야 합니다.새로 고치려면 다음 주소로 동일한 토큰을 보내야 합니다./refresh새로운 토큰을 얻을 수 있습니다.적어도 그렇게 해서 얻었고 실제로 작동한다. 문제는 인터셉터가 401개의 응답을 포착하여 토큰을 갱신하려고 하는데, 예를 들어 내 컴포넌트에서 만료된 토큰으로 많은 요청을 전송하면 어떻게 됩니까?ajax 요구는 비동기적이기 때문에 인터셉터 코드는 여러 번 실행됩니다.그래서 새로고침 요청이 많이 왔어요.초기 토큰이 갱신되면 유효하다고 간주되지 않습니다.대행 수신기가 잘못된 토큰 서버를 새..

source 2022.12.11

로그인 메서드는 푸시 경로 전에 디스패치액션이 완료될 때까지 기다리지 않습니다.

로그인 메서드는 푸시 경로 전에 디스패치액션이 완료될 때까지 기다리지 않습니다. 컴포넌트 UserLogin에는 다음 메서드를 호출하는 송신 버튼이 있습니다. methods: { login() { this.$store .dispatch("login", { email: this.email, password: this.password }) //then redirect to default app .then(() => { console.log("2: router push to main") this.$router.push({ name: "main" }) }) //error handeling .catch(err => { this.error = err.response.data.error }) } } 디스패치된 로그인 ..

source 2022.11.22

미포함(약속)TypeError: 'in' 연산자를 사용하여 다음 위치에서 'validateStatus'를 검색할 수 없습니다.

미포함(약속)TypeError: 'in' 연산자를 사용하여 다음 위치에서 'validateStatus'를 검색할 수 없습니다. ** 언캐치 (약속)TypeError: 'in' 연산자를 사용하여 5f8425a33a14f026f80133ed**에서 'validateStatus'를 검색할 수 없습니다. 여기서 5f8425a33a14f026f80133ed는 acios URL에 전달된 ID입니다. 사용자 ID에 따라 서비스를 표시하고 싶습니다.내 URL은 우체부에서는 완벽하게 작동하지만 veux 스토어에서 접속하면 오류가 발생합니다. services.services(스토어) import axios from 'axios'; const state = { services : {}, status: '', error: n..

source 2022.11.21

Vuex Typescript Component.ts 파일에 "Member 'someMutation'에 암묵적으로 'any' type이 있습니다."라는 오류가 표시됨

Vuex Typescript Component.ts 파일에 "Member 'someMutation'에 암묵적으로 'any' type이 있습니다."라는 오류가 표시됨 에러가 표시된다. "Member 'someMutation'에는 암묵적으로 '임의' 유형이 있습니다." 이 오류는 의 내 Vue 구성 요소에 표시됩니다.Component.tsVuex 스토어에서 받은 변환 파일입니다. 에 다음 코드가 있습니다.Component.ts: @WithRender @Component({ components: { SomeChildComponent }, }) export default class Component extends Vue { constructor() { super(); this.someFunc(this.someC..

source 2022.11.21
반응형