반응형
URL을 변경하지 않고 WebApp을 vue-i18n으로 변환
i18n의 최선의 실장은 무엇입니까?웹 앱용이기 때문에 로케일에 따라 URL을 갱신하고 싶지 않습니다.
nuxt framework를 사용하고 있기 때문에 nuxt-i18n을 조사했는데 URL을 업데이트하지 않고는 불가능합니다.
nuxt.config.ts/ts의 경우
i18n: {
...
strategy: 'no_prefix',
...
}
로케일을 변경하려면 다음과 같이 사용합니다.
changeLocale() {
this.$i18n.setLocale(this.$i18n.locale === 'en' ? 'tr' : 'en')
}
저는 간단한 예를 만들려고 했지만, 우리는 여전히 개선할 수 있습니다.
이 방법에서는 패스 대신 쿠키를 사용하려고 했습니다.그렇게 하려면 언어를 바꿀 때 새로 고침 페이지를 만들어야 합니다.그렇지 않으면 컴포넌트가 새로운 번역을 로드하지 않습니다.
https://codesandbox.io/embed/example-i18n-mo8t7?fontsize=14 를 참조해 주세요.
언급URL : https://stackoverflow.com/questions/56995747/translating-webapp-with-vue-i18n-without-changing-url
반응형
'programing' 카테고리의 다른 글
| Apache Commons equals/hashCode 빌더 (0) | 2022.07.18 |
|---|---|
| 여러 정의가 정의되어 있지 않은지 사전 프로세서가 확인합니다. (0) | 2022.07.18 |
| Vue - 마운트 전 시간에 데이터가 계산되지 않음 (0) | 2022.07.18 |
| Nuxt Vuex 저장소에 알 수 없는 작업 유형 (0) | 2022.07.18 |
| Vuex getter가 비동기 작업과 함께 null을 반환하고 있습니다. (0) | 2022.07.18 |