반응형

vuex 5

VueX 및 Laravel Passport를 사용한 인증

VueX 및 Laravel Passport를 사용한 인증 저는 현재 Vue(및 VueX)와 Laravel Passport를 사용하고 있습니다.등록 페이지가 정상적으로 작동하고 로그인 페이지로 이동했습니다.온라인에서 본 모든 튜토리얼과 게시물은 생성된 토큰이 localStorage에 저장되는 로그인 시스템을 보여주지만 모두가 중요한 데이터를 localStorage에 저장하면 안 된다고 말하는 것도 보았습니다. 그렇다면 어떻게 해야 합니까?프런트 엔드(VueX)가 백엔드(라벨)와 분리된 경우 세션을 관리하려면 어떻게 해야 합니까?토큰을 저장할 수 있습니다.localStorage토큰의 만료 기간을 2일로 설정해야 합니다. 이 행은 AuthServiceProvider에 추가해야 합니다.php Passport::..

programing 2023.07.11

다시 클릭할 때까지 요소 UI 날짜 선택기 구성 요소가 값을 업데이트하지 않는 이유는 무엇입니까?

다시 클릭할 때까지 요소 UI 날짜 선택기 구성 요소가 값을 업데이트하지 않는 이유는 무엇입니까? 사용 중입니다.el-datepicker구성 요소 - 의 항목 목록을 필터링el-table그들의 연대순으로새 날짜 범위를 선택하면 필터가 올바르게 작동하지만 다시 클릭할 때까지 날짜 선택기 요소가 선택한 새 날짜로 업데이트되지 않습니다.이전에 이 문제에 직면한 적이 있는 사람이 있습니까? 그러면 내 구성 요소의 방법으로: updateFilters(data) { this.$store.commit('panel/changeFilters', data) ... } 따라서 날짜 선택기는 다음에서 값을 얻습니다.filters.start_date중요한 건, 만약 내가console.log(this.filters.start_d..

programing 2023.07.11

복잡한 Vuex 저장소에 의존하고 다른 구성 요소를 확장하는 Vue.js 구성 요소를 유닛 테스트하려면 어떻게 해야 합니까?

복잡한 Vuex 저장소에 의존하고 다른 구성 요소를 확장하는 Vue.js 구성 요소를 유닛 테스트하려면 어떻게 해야 합니까? 복잡한 Vuex 스토어를 사용하고 다른 구성 요소를 확장하는 구성 요소를 유닛 테스트하는 방법이 궁금합니다. 다른 구성 요소를 확장하고 Vuex에 의존하는 구성 요소가 마운트되어 몇 가지 간단한 텍스트를 표시한다고 주장하는 테스트를 만드는 방법에 대한 예를 누가 제공할 수 있습니까? 사용해 보았습니다.vue-test-utils로.shallowMount테스트 중인 구성 요소이지만 구성 요소의 빌드 및 장착에 문제가 있기 때문에 테스트에 실패할 수 없습니다.이는 확장된 구성 요소를 활용한 구성 요소의 결과이며, 두 구성 요소 모두 복잡한 Vuex 저장소에 의존하기 때문입니다. 어떤 종..

programing 2023.06.26

vuex에서 이상한 게터.누가 나에게 이 행동을 설명해 줄 수 있습니까?

vuex에서 이상한 게터.누가 나에게 이 행동을 설명해 줄 수 있습니까? 네, 저는 js에서 많은 것들이 불가능하거나 이상하게 보인다는 것을 압니다.하지만 왜 수백만 개의 ppl을 사용하는 제품에 그것들을 구현합니까? 여기에 우리는 입문자 기능이 있습니다. export const isAuthenticated = state => ( state.auth !== null && state.auth.access_token !== null && new Date(state.auth.access_token_expiration) > new Date() ); 그래서 만약 이것이 함수라면 우리는 괄호와 1개의 인수로 그것을 불러야 합니다.getters.isAuthenticated(state)그러나 이것은 입문자들의 경우가 ..

programing 2023.06.16

Laravel + Vuex: 개체/인수 분해가 작동하지 않습니다.

Laravel + Vuex: 개체/인수 분해가 작동하지 않습니다. Vuex를 사용하여 Vue 애플리케이션을 구축하고 있는데 다음 코드가 작동하지 않습니다(간단하게 편집되어 이 블로그 게시물에서 영감을 받았습니다). // File: views/Board.vue export default { methods: { updateProp (prop, value) { console.log(prop, value) // Outputs prop and value this.$store.commit('board/updateProp', { [prop]: value }) } }, // ... } 그리고 (이름이 붙은) Vuex 모듈에서: // File: vuex/modules/board.js export default { mut..

programing 2023.06.11
반응형