基于Laravel和Vue.js的多语种全球语言下拉列表实现方案咨询

Laravel 后端可用方案 #

• 首选 laravel-lang/lang 扩展包：内置130+语种的官方翻译资源，完全覆盖你需要的法语、德语、瑞典语、丹麦语、荷兰语五个语种，包含ISO 639标准语言编码对应的各语种官方译名，无需手动翻译。安装命令为 composer require laravel-lang/lang，发布翻译资源后可直接调用对应语种的语言列表数组，也可以导出为JSON格式传给前端。
• 轻量化方案可选 umpirsky/language-list 库：内置多语种对照的全球语言数据，支持直接导出数组、JSON等多种格式，可直接作为静态资源放到项目中调用。

Vue 前端可用方案 #

如果想在前端侧自主控制语言条目的显示语种，可使用 @cospired/i18n-iso-languages 包，内置所有ISO标准语言的多语种译名，无需依赖后端返回翻译数据，调用示例如下：

import languages from '@cospired/i18n-iso-languages';
// 引入你需要的五个语种的语言包
import fr from '@cospired/i18n-iso-languages/langs/fr.json';
import de from '@cospired/i18n-iso-languages/langs/de.json';
import sv from '@cospired/i18n-iso-languages/langs/sv.json';
import da from '@cospired/i18n-iso-languages/langs/da.json';
import nl from '@cospired/i18n-iso-languages/langs/nl.json';

// 注册语种
languages.registerLocale(fr);
languages.registerLocale(de);
languages.registerLocale(sv);
languages.registerLocale(da);
languages.registerLocale(nl);

// 示例：获取法语翻译的全部语言列表
const frenchLangList = languages.getNames('fr');

落地建议 #

建议前后端统一使用ISO 639标准语言编码作为交互的唯一标识，下拉列表显示的文本根据站点当前激活的语种从上述库中实时获取，无需手动维护多份翻译文件，可避免翻译不一致、漏译等问题。

内容的提问来源于stack exchange，提问作者Maksym Anisymov