JavaScript与Spring国际化支持的实现方法

@Bean
public MessageSource messageSource() {
    ResourceBundleMessageSource source = new ResourceBundleMessageSource();
    source.setBasename("messages");
    source.setDefaultEncoding("UTF-8");
    return source;
}

@Bean
public LocaleResolver localeResolver() {
    CookieLocaleResolver resolver = new CookieLocaleResolver();
    resolver.setDefaultLocale(Locale.SIMPLIFIED_CHINESE);
    resolver.setCookieName("lang");
    resolver.setCookieMaxAge(3600);
    return resolver;
}

@Override
protected void addInterceptors(InterceptorRegistry registry) {
    LocaleChangeInterceptor localeChangeInterceptor = new LocaleChangeInterceptor();
    localeChangeInterceptor.setParamName("lang");
    registry.addInterceptor(localeChangeInterceptor);
}

fetch('/api/i18n/messages')
  .then(response => response.json())
  .then(data => {
    window.i18n = data; // 存储翻译映射
    document.getElementById('welcome').textContent = data['welcome'];
  });

@GetMapping("/api/i18n/messages")
public Map<String, String> getMessages(
    HttpServletRequest request) {
    Locale locale = localeResolver.resolveLocale(request);
    Properties props = loadPropertiesForLocale(locale);
    return props.entrySet().stream()
        .collect(Collectors.toMap(
            e -> e.getKey().toString(),
            e -> e.getValue().toString()));
}

i18next.use(XHR).init({
  lng: 'zh-CN',
  fallbackLng: 'en',
  backend: {
    loadPath: '/static/locales/{{lng}}/translation.json'
  }
}, function(err, t) {
  document.getElementById('welcome').textContent = t('welcome');
});

function changeLang(lang) {
  fetch(`/api/i18n/change?lang=${lang}`, { method: 'GET' })
    .then(() => location.reload());
}