Docker+Nginx部署Angular国际化i18n

最新推荐文章于 2024-03-07 18:03:21 发布

FlyWine

最新推荐文章于 2024-03-07 18:03:21 发布

阅读量862

点赞数 1

分类专栏： Angular入门到精通指南文章标签： angular i18m部署 angular i18n国际化 angular国际化部署

本文链接：https://blog.csdn.net/wf19930209/article/details/82796310

版权

Angular入门到精通指南专栏收录该内容

49 篇文章 101 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何使用Docker和Nginx部署Angular的国际化(i18n)应用。首先，在Angular项目中配置default.conf文件以支持局域网，并设置本地局域网IP。接着，通过package.json中的命令编译翻译文件，生成zh和en两个目录。然后，使用Docker启动临时容器，当容器停止时会自动删除。最后，通过访问http://localhost:8090/zh和http://localhost:8090/en，可以分别浏览英文和中文网站。

摘要由CSDN通过智能技术生成

Docker+Nginx部署Angular国际化i18n

在Angular项目中添加default.conf文件

default.conf
为了支持局域网，增加一个域名，即本地的局域网ip地址。

server {
    listen       80;
    server_name  localhost;
    server_name  192.168.2.172;

    location / {
        root   /usr/share/nginx/html;

        location ~* /([a-z\-)]+)/ {
            try_files $uri /$1/index.html /index.html;
        }

        try_files $uri $uri/index.html /index.html;
    }
}

package.json

...
"build-i18n:zh": "ng build --prod --outputPath=dist/zh --i18nFile=src/locale/messages.zh.xlf --i18nFormat=xlf --locale=zh-Hans",
"build-i18n:en": "ng build --prod