使用Firebase部署带有本地化的角10应用程序

Question

我正在使用角10 (目前的最后一个版本)和@angular/localize将我的应用程序翻译成法语和英语。

一切都配置得很好。

对于构建，我使用以下命令：

"build:prod": "ng build --prod --localize"

这意味着：

​

​

我想使用Firebase部署应用程序。运行firebase init hosting时，我正确地设置了所有内容

firebase.json看起来像：

{
  "hosting": {
    "public": "dist/myAngularApp",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }
}

现在我的问题是，在index.html根目录下没有dist/myAngularApp文件，所以在部署和锁定默认url时，不会显示任何内容。

例如：

• on https://XXXXXXX.web.app/en/ ->英文版呈现:浏览器上的OK
• 浏览器上的https://XXXXXXX.web.app/fr/ ->法语版本呈现:OK
• 在浏览器上没有针对https://XXXXXXX.web.app/ ->，我希望它重定向到'/en/‘相对路径<代码>H 217F 218

我希望在默认情况下呈现该应用程序的英文版本，我希望在使用特定选项或在angular.json文件中构建我的项目时，我可以指定它。

知道吗？

谢谢！

Answer 1

在firebase.json中向宿主对象添加重写规则

"rewrites": [ 
  { "source": "**", "destination": "/en/index.html"} 
]

Answer 2

现在您可以设置i18n重写。请补充如下：

//firebase.json

"i18n": {
    "root": "localized-files" //directory that contains your i18n folders
 }

Firebase基于“接受-语言”标题的值提供内容。

完整参考地址：https://firebase.google.com/docs/hosting/i18n-rewrites