inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

Authentication : Pinia 상태 유지

피니아 persist 질문드립니다!

179

GR

작성한 질문수 7

0

안녕하세요 짐코딩님,

강의 잘 듣고 있습니다!


강의 듣다가 궁금한게 있어서 질문드려요!

피니아 persist 사용하면서 localStorage 또는 sessionStorage에 저장할 때 암호화해서 저장하는 방법이 있을까요?

vue.js nuxt.js pinia vue-3

답변 1

2

짐코딩

Pinia persist에서 데이터를 암호화하기 위해서는 persist 플러그인의 serializer 옵션을 참고할 수 있습니다. 예를 들면:

import { defineStore } from 'pinia'
import CryptoJS from 'crypto-js'

const ENCRYPT_KEY = 'your-secret-key'

export const useUserStore = defineStore('user', {
  state: () => ({
    name: '',
    email: ''
  }),
  persist: {
    storage: localStorage,
    serializer: {
      serialize: (state) => {
        return CryptoJS.AES.encrypt(JSON.stringify(state), ENCRYPT_KEY).toString()
      },
      deserialize: (state) => {
        const decrypted = CryptoJS.AES.decrypt(state, ENCRYPT_KEY).toString(CryptoJS.enc.Utf8)
        return JSON.parse(decrypted)
      }
    }
  }
})

이와 같이 참고할 수 있고요.

아래 링크는 참고 링크입니다.

0

GR

감사합니다!

Nuxt 4 관련 강의 업데이트 계획이 있으실까요?

0

73

2

eslint 설정 관련 질문

0

81

1

vscode 자동 저장 시 탭 사이즈 조절 안되고 있습니다..

0

75

1

eslint 설정 오류 질문드립니다.

0

171

2

pageContainerStyle 이름을 찾을 수 없습니다 에러

0

56

1

npm create nuxt <project-name> 현재는 nuxi 로 프로젝트 생성하는 것이 권장으로 적혀있지 않는 것 같은데

0

129

2

타입체크 관련질문입니다.

1

216

1

eslint prettier 설정 오류

0

200

2

clearNuxtState() 사용 문의

0

99

1

nuxt 빌드 환경 질문드립니다!

0

363

2

prefetching 질문

0

112

1

[nuxt] [request error] [unhandled] [500] __QUASAR_SSR_SERVER__ is not defined

0

290

4

사진 오류

0

105

1

@pinia/nuxt 버전이 0.9.0인 경우 @pinia-plugin-persistedstate/nuxt와 충돌

1

187

2

Nuxt3는 SSR인가요? USR인가요?

1

340

2

VSCode처럼 멀티 Title & Menu Bar로 개발할려면?

0

261

2

Course 데이터 가져오기에서 궁금한 점

1

209

2

프로젝트 생성

0

336

3

웹 서버, WAS 그리고 api 서버 관련

0

400

2

$route 관련 에러

0

166

1

package.json 구성 관련 문의

0

196

1

코드에서 $i18n, $route 등 provide로 제공된 객체가 템플릿에서 붉은색으로 표시됩니다.

0

250

2

fetch와 axios에 대한 질문

0

180

1

교안에 있는 jsonwebtoken

0

203

1