Javascript 如何在多语言网站上不复制每种语言的文件

我目前正在一个网站上工作，它意味着要翻译成多种语言。我做了很多研究，但我可能错过了一些东西，因为我真的不明白我的结构应该如何组织

我的网站是使用html、css、js+jquery开发的，有一个MySQL数据库，并使用JavaEE后端作为RESTAPI从数据库中获取数据

我希望URL看起来像这样（就像很多网站上建议的那样）：

但这是否意味着我的文件目录应该是这样的

index.html  
fr/  
----index.html  
----page1.html  
----page2.html  
en/  
----index.html  
----page1.html  
----page2.html  
js/  
----page1.js  
----page2.js  

如果是这样，那么我需要在每个语言目录中复制index.html（和其他页面）。这看起来很糟糕，因为每次我都必须在代码中更改某些内容，我必须在每个文件中更改它

我想要的是每个文件（index.html、page1.html等）的一个副本，然后是一个包含每种语言的所有翻译的文件，然后使用这些文件填充html模板。 结构如下所示：

index.html  
page1.html  
page2.html  
language/  
----fr.json  
----en.json  
js/  
----page1.js  
----page2.js  

像这样简单的事情。在本例中，我将只拥有每个文件的一个副本，但如何使用url使其仍然像www.example.com/fr/page1一样，即使没有这样的目录

---

我不知道这一切是否有意义，我对这一点很陌生，我真的很迷恋这个多语言网站的问题。。。我希望能够以最简洁的方式将其扩展到其他语言，以后可以非常轻松。

您可以将翻译存储在数据库中，然后根据URL提取所需的语言。有些服务也像POEdit这样做，但我相信这是一个基于订阅的服务。您是在编写HTML文件还是JSP文件？我希望JSP具有某种i18n机制。但是，如果您只编写HTML文件，则需要重新考虑您的方法。您需要定义结构，然后导入翻译后的数据以填充模板或半具体的“页面”，该页面知道将翻译后的数据插入何处。您应该了解一些高级框架如何处理多语言支持。考虑如何让你编写翻译字典，然后你可以使用JSP/HTL中的主题来引用，它将根据你所看到的语言来填充正确的翻译内容。这是一个很大的话题，但您应该探讨的概念是i18n。

index.html  
page1.html  
page2.html  
language/  
----fr.json  
----en.json  
js/  
----page1.js  
----page2.js