时间戳

首页 > 解决方案 > 如何将 i18n Angular 应用程序部署到 Netlify？

angular - 如何将 i18n Angular 应用程序部署到 Netlify？

问题描述

我正在尝试将我的 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

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

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

标签： angularinternationalizationnetlify

解决方案

这不是一个完美的解决方案，但这个工作：

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"

推荐阅读