spring 国际化 js

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.context.support.ResourceBundleMessageSource;

@Configuration
public class InternationalizationConfig {

    @Bean
    public ResourceBundleMessageSource messageSource() {
        ResourceBundleMessageSource messageSource = new ResourceBundleMessageSource();
        messageSource.setBasename("messages"); // 资源文件名前缀
        messageSource.setDefaultEncoding("UTF-8");
        return messageSource;
    }
}

welcome.message=Welcome to our application!

welcome.message=欢迎使用我们的应用程序！

async function getLocalizedMessage(key, locale) {
    const response = await fetch(`/api/messages/${key}?locale=${locale}`);
    const message = await response.text();
    return message;
}

// 使用示例
getLocalizedMessage('welcome.message', 'zh_CN').then(message => {
    console.log(message); // 输出: 欢迎使用我们的应用程序！
});

import i18next from 'i18next';

i18next.init({
    lng: 'zh_CN', // 默认语言
    resources: {
        en: {
            translation: {
                "welcome_message": "Welcome to our application!"
            }
        },
        zh_CN: {
            translation: {
                "welcome_message": "欢迎使用我们的应用程序！"
            }
        }
    }
});

console.log(i18next.t('welcome_message')); // 输出: 欢迎使用我们的应用程序！