DEV Community
·
如何在 Hostinger 上部署你的 Angular 项目
💡
原文英文，约300词，阅读约需1分钟。
📝
内容提要
本文介绍了将代码上传到Hostinger的指南，包括添加'useHash: true'到app-routing.module.ts文件，使用命令'ng build --configuration production'生成部署文件，通过文件管理器或压缩文件夹的方式上传代码，并测试网站是否正常运行。
🎯
关键要点
- 设置好网络托管平台后，可以开始上传代码到Hostinger。
- 在app-routing.module.ts文件中添加'useHash: true'。
- 在node.js终端中使用命令'ng build --configuration production'生成部署文件。
- 在dist文件夹中会看到一个与项目同名的子文件夹。
- 通过文件管理器上传代码到Hostinger的public_html文件夹。
- 可以选择直接拖拽文件或将文件夹压缩后上传。
- 测试网站以确保其正常运行。
❓
延伸问答
如何在 Hostinger 上上传 Angular 项目代码？
首先，在 app-routing.module.ts 文件中添加 'useHash: true'，然后使用命令 'ng build --configuration production' 生成部署文件，最后通过文件管理器将代码上传到 public_html 文件夹。
生成 Angular 项目的部署文件需要使用什么命令？
在 node.js 终端中使用命令 'ng build --configuration production' 来生成部署文件。
在 Hostinger 上传代码时，有哪些上传方法？
可以通过文件管理器直接拖拽文件到 public_html 文件夹，或者将文件夹压缩后上传。
如何确保我的网站在 Hostinger 上正常运行？
上传代码后，测试网站以确保其正常运行。
在部署 Angular 项目时，为什么要添加 'useHash: true'？
'useHash: true' 用于配置 Angular 路由，以确保在使用哈希路由时能够正确处理 URL。
在 dist 文件夹中可以找到什么？
在 dist 文件夹中会看到一个与项目同名的子文件夹，里面包含生成的部署文件。
➡️
