sourcejob

사용자 인증(노드/Vue/패스포트)을 통한 중간자 공격 방지 현재 Passport 핸들링 인증으로 Node/Vuejs에 쓰는 webapp이 있는데 문제가 생겼습니다.현재 어떻게 인증이 설정되어 있는지 생각하다가 보안상의 구멍이 크게 뚫려 있는 것을 깨달았습니다. 즉, Vuex 스토어가 로컬 API 엔드포인트에 도달한 경우/api/me이 엔드 포인트는, 다음의 간단한 반환을 실시합니다.req.user간결하게 하기 위해 일반적인 반응은 다음과 같습니다. { username: 'Bob', roles: [] // normal user has no roles, email: 'someguy@bob.com' } 관리 루트/admin에는 다음과 같이 Vuex 스토어를 사용하여 이 체크를 통합하는 beforeEnter ..

vue.js 2.0 모달 컴포넌트에 근접하여 소품 리셋 사용자가 현재 청구처 주소를 클릭할 수 있는 계정 컴포넌트가 있으며 청구처 주소를 갱신하는 폼과 함께 모달(modal)이 열립니다.청구 주소는 이와 같이 자(모달) 컴포넌트에 소품으로 전달됩니다. 사용자가 필드를 편집했지만 모달 닫은 후 다시 열기로 결정하면 편집은 계속됩니다.양식을 제출하는 경우에만 주소를 업데이트하고 싶은데 원래 값으로 재설정하는 올바른 방법은 무엇입니까? Name ... ... 상위 컴포넌트 JS import { mapState, mapGetters } from 'vuex' import { SweetModal } from 'sweet-modal-vue' import CardForm from './CardForm' import B..

글로벌 도우미 js 함수를 저장할 위치 Vue.js 2 어플리케이션 전체에서 사용하는 도우미 기능이 몇 가지 있습니다(컴포넌트와 vuex 내).제가 예로 들고 있는 건toCurrency는 숫자를 통화 문자열로 변환합니다.이 도우미 기능을 어디에 두면 좋을지 궁금해요.지금 제일 위에 올려놓고 있어요.store.js파일(사용 중)vuex파일 전체에 걸쳐 호출합니다.단, 이 말은 이 명령어를method컴포넌트에 사용할 때 사용합니다.계속 정의하지 않아도 되도록 둘 수 있는 더 좋은 장소가 있을까요? 아니면 여기가 가장 좋은 곳인가요? import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) function toCurrency(num){ return "$" + ..

괄호 표기 + 변수를 사용하여 오브젝트에 속성을 할당할 수 없는 이유는 무엇입니까? Vuex는 처음이라 Vuex 상태에 값을 할당하려고 합니다.state.map.status.isReady(이것에는) 다만, 코드를 재사용할 수 있도록 하고 싶기 때문에 기능을 만들었습니다.changeMapStatus(state, key, value)그렇게 하기 위해서요. 이 함수는 속성을 수정합니다.state.map.status.key로.value수신했습니다. 하지만 제가 변이를 호출했을 때this.$store.commit('changeMapStatus', 'isReady', true)컴포넌트 파일로부터, 간단하게 삭제해 주세요.state.map.status.isReady그리고 그 성질은undefined. 한편, 기능을 로..

사용자 로그 vue.js의 이름을 유지하려면 어떻게 해야 합니까? 내 앱에 로그인한 사용자를 저장하려고 합니다.store.js 파일을 사용하여 vuex를 사용하고 변수를 저장합니다. import Vue from 'vue' import Vuex from 'vuex' import createPersistedState from 'vuex-persistedstate' import Cookies from 'js-cookie' Vue.use(Vuex) export const store = new Vuex.Store({ state: { userloged: '' } }) main.js에 스토어 변수를 선언하고, 사용하는 로그인 컴포넌트에 사용자 이름을 저장할 때 이 방법을 사용했습니다. this.$store.state..

vuex 모듈에서 getter를 정의하는 방법 vuex 모듈을 개선하려고 하지만 다음과 같은 오류가 발생합니다. Uncaught Error: [vuex] getters should be function but "getters.getComments" in module "comments" is []. /stores/syslog.displays(표준) import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const state = { comments: [] } const getters = { getComments: state => state.comments } const mutations = { setComments(state, comments) { s..

구성 요소에서 VueJS DOM이 업데이트되지 않음 다른 "DOM 업데이트 안 함" 게시물을 검토했지만 해결 방법을 찾을 수 없었습니다.우선 태스크 앱을 만들려고 하는데 이미 Firestore에서 앱을 불러와서 새로 추가하고 삭제할 수 있습니다.두 가지 문제가 있는데, 첫 번째 문제부터 시작하도록 하겠습니다.데이터를 추가하거나 삭제하면 Vuex 스토어의 각 어레이는 올바르게 업데이트되지만 DOM은 동적으로 업데이트되지 않습니다.페이지를 새로고침하면 업데이트도 됩니다. 컴포넌트 코드와 스토어 코드를 추가했습니다만, 제대로 보고 있으면 좋겠다고 생각합니다만, 뭔가 잘못된 느낌이 듭니다. 잘 부탁드립니다 스토어 코드: import Vue from 'vue' import Vuex from 'vuex' // im..