如何将 i18n Angular 应用程序部署到 Netlify？答案

【问题标题】：How to deploy i18n Angular app to Netlify?如何将 i18n Angular 应用程序部署到 Netlify？
【发布时间】：2021-01-04 01:33:01
【问题描述】：

我正在尝试将我的 i18n Angular 应用程序部署到 netlify，但我不知道具体如何。

当我运行命令 ng build --prod --localize 时，我得到两个子目录：dist/app-name/en-US 和 dist/app-name/es

我需要按如下方式访问这些子文件夹：

(English) https://example.netlify.app
(Spanish) https://example.netlify.app/es

这些是我的部署设置：

Base directory: Not set
Build command: ng build --prod --build-optimizer --aot --localize
Publish directory: dist/app-name

我有 _redirects 文件，其内容如下。

/*  /index.html 200

我想我需要编辑这个文件以重定向到每个子目录。

如果您能指导我完成，我将不胜感激。

【问题讨论】：

【解决方案1】：

这不是一个完美的解决方案，但这是可行的：

src/_redirects

/en/*    /en/index.html   200
/es/*    /es/index.html   200

另一种更通用、更简洁的可能性

/:lang/*    /:lang/index.html   200

在package.json 中将您的build 脚本更改为并添加netlify 脚本：

"build": "ng build && npm run netlify",
"netlify": "cp src/_redirects dist/{YOUR-PROJECT-NAME}/_redirects"

【讨论】：