81 # 多语言

简介: 81 # 多语言

多语言实现方案

1、一个完整多个路径来实现多语言

2、前端来实现多语言(先配置好两种语言,动态切换内容),比如 i18nvue-i18n

3、服务端的 header 来实现切换多语言 accept-language: zh-CN,zh;q=0.9

const fs = require("fs");
const path = require("path");
const url = require("url");
const http = require("http");
const querystring = require("querystring");
const messages = {
    en: {
        message: {
            hello: "hello world"
        }
    },
    "zh-CN": {
        message: {
            hello: "你好世界"
        }
    }
};
http.createServer((req, res) => {
    const { pathname } = url.parse(req.url, true);
    const absPath = path.join(__dirname, pathname);
    fs.stat(absPath, (err, statObj) => {
        if (err) return res.end("Not Found");
        console.log("absPath----->", absPath);
        let lans = req.headers["accept-language"];
        console.log("lans----->", lans); //  zh-CN,zh;q=0.9
        if (lans) {
            let r = querystring.parse(lans, ",", ";");
            // 根据权重进行排序
            console.log("r----->", r); // { 'zh-CN': '', zh: 'q=0.9' }
            let arr = [];
            Object.keys(r).forEach((key) => {
                if (r[key] == "") {
                    arr.push({
                        name: key,
                        q: 1
                    });
                } else {
                    arr.push({
                        name: key,
                        q: r[key].split("=")[1]
                    });
                }
            });
            arr.sort((a, b) => b.q - a.q);
            console.log("arr----->", arr); // [ { name: 'zh-CN', q: 1 }, { name: 'zh', q: '0.9' } ]
            let msgObj = Object.create(null);
            for (let i = 0; i < arr.length; i++) {
                msgObj = messages[arr[i].name];
                if (msgObj) {
                    res.end(msgObj.message.hello);
                    break;
                }
            }
            if (!msgObj) {
                res.end(messages.en.message.hello);
            }
        } else {
            res.end(messages.en.message.hello);
        }
    });
}).listen(3000);

启动服务

nodemon language.js
curl -v --header "Accept-Language: zh-CN;q=0.9,en;q=0.8" http://localhost:3000/

curl -v --header "Accept-Language: zh-CN;q=0.9,en" http://localhost:3000/

目录
相关文章
|
3月前
|
人工智能 自然语言处理 前端开发
构建AI智能体:六、体验Trae指定Qwen-Turbo模型自动生成问答系统
本文介绍如何使用字节跳动的AI编程工具Trae与阿里通义千问Qwen-Turbo模型,快速生成一个智能问答系统。通过图文结合方式,演示从环境搭建、指令生成到界面优化的全过程,涵盖前后端代码自动生成、模型调用封装及交互优化技巧,展现AI辅助开发的高效与趣味,助力开发者提升生产力。
682 12
|
9月前
|
运维 Prometheus 监控
基于阿里云可观测产品构建企业级告警体系的通用路径与最佳实践
本文围绕企业级告警体系构建展开,探讨了监控与告警在系统稳定性中的重要作用。通过梳理监控对象、分析指标、采集数据及配置规则等环节,提出告警体系建设的通用流程,并针对多平台告警、误报、告警风暴等问题提供解决思路。结合阿里云可观测产品,分享了某电商企业的实践案例,展示了如何通过标签规范、日志标准和统一管理平台实现高效告警处置,为构建全面且实用的告警体系提供了参考指南。
879 1
|
NoSQL Java MongoDB
SpringBoot中MongoDB的那些高级用法
本文探讨了在Spring Boot项目中使用MongoDB的多种方式及其高级用法。MongoDB作为一种NoSQL数据库,在某些场景下相较于SQL数据库有着独特的优势。文中详细介绍了在Spring Boot中使用MongoDB的三种主要方式:直接使用官方SDK、使用Spring JPA以及使用MongoTemplate,并对比分析了它们之间的差异。此外,文章深入讲解了Spring Data MongoDB提供的各种注解(如@Id, @Document, @Field等)以简化操作流程,并探讨了MongoTemplate监听器的应用,如设置主键值、记录日志等。
990 2
|
前端开发 JavaScript 容器
在 vite+vue 中使用@originjs/vite-plugin-federation 模块联邦
【10月更文挑战第25天】模块联邦是一种强大的技术,它允许将不同的微前端模块组合在一起,形成一个统一的应用。在 vite+vue 项目中,使用@originjs/vite-plugin-federation 模块联邦可以实现高效的模块共享和组合。通过本文的介绍,相信你已经了解了如何在 vite+vue 项目中使用@originjs/vite-plugin-federation 模块联邦,包括安装、配置和使用等方面。在实际开发中,你可以根据自己的需求和项目的特点,灵活地使用模块联邦,提高项目的可维护性和扩展性。
|
Linux 开发工具
【Linux】vim中批量化注释
【Linux】vim中批量化注释
260 0
【Linux】vim中批量化注释
|
人工智能 搜索推荐 API
使用 Python holidays 库获取中国节日
使用 Python holidays 库获取中国节日
1578 2
|
前端开发 JavaScript API
前端基于XLSX实现数据导出到Excel表格,以及提示“文件已经被损坏,无法打开”的解决方法
前端基于XLSX实现数据导出到Excel表格,以及提示“文件已经被损坏,无法打开”的解决方法
1270 0
|
前端开发 Java C++
面试官:用 CSS 实现一个元素的水平垂直居中,写出你能想到的所有答案
面试官:用 CSS 实现一个元素的水平垂直居中,写出你能想到的所有答案
440 0
|
前端开发 JavaScript 网络安全
【面试题】 本地运行的前端代码,如何让他人访问?
【面试题】 本地运行的前端代码,如何让他人访问?
535 0
|
Web App开发 编解码 前端开发
盘点10个基于 Canvas 的优秀开源项目!
盘点10个基于 Canvas 的优秀开源项目!
1745 0