构建Angular并将其部署在CPI（托管服务器）上

10 月 ago

宇, 华

1 minute

本文介绍了将构建的Angular应用程序部署到CPI（租用服务器）的步骤。

环境

苹果电脑系统：Mojave（10.14.3）
Angular CLI版本：7.3.0

编译Angular

// baseHrefには/html配下のindex.htmlが配置してあるフォルダを指定する
// ※CPIは '/html' がドキュメントルートとなるため、/htmlはpathに含めない
ng build --baseHref='your base href'

部署CPI

将构建的Angular应用程序放置在CPI的 /html 目录下的任意文件夹中。
※请使用默认提供的 /html 文件夹。
※由于尚未进行重定向设置，因此应用程序目前无法运行。

编写.htaccess文件

参考Angular公式的描述，创建.htaccess文件。

(Assuming the sentence is about creating an .htaccess file based on the description provided in the Angular documentation.)

// CPI上でリダイレクトさせるためには以下設定が必要となります。
Options +SymLinksIfOwnerMatch

// Angular公式のリダイレクト設定
RewriteEngine On
    # If an existing asset or directory is requested go to it as it is
    RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
    RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
    RewriteRule ^ - [L]
    # If the requested resource doesn't exist, use index.html
RewriteRule ^ /index.html

放置.htaccess文件

请通过FTP将.htaccess文件放置在目标文件夹中。

在CPI上通过FTP上传文件的方法：
https://www.cpi.ad.jp/support/faq/faq_func/faq_func_ftp/support-248.html

当你觉得为什么没有连接上时，要确认的几个要点是什么？

.htaccessに Options +SymLinksIfOwnerMatch を追加しそこなってませんか？

参考资料：
消费者价格指数（CPI）：
https://www.cpi.ad.jp/

关于CPI的.htaccess的帮助：
http://acesr.document.secure.ne.jp/other/Tips-htaccess/

关于CPI的文档根目录：请参考以下链接：
https://www.cpi.ad.jp/support/faq/faq_func/faq_func_directory/support-602.html

Angular公式文档：部署Angular的方法：
https://angular.io/guide/deployment