在 aws ec2 实例上实时部署 angular 6 个应用程序时出现问题

Question

我想实时部署我的 angular 应用程序。我有运行这个用于构建的命令

ng build --prod // to make a production build.

然后在我更新 dist 文件夹中的 index.html 之后。

<base href="http://0.0.0.0:4200/adminpanel/">

注意：我已经设置了我的弹性 IP 地址，而不是 0.0.0.0。

我已经将 dist 文件夹压缩并上传到 server.

var/www/html/adminpanel.zip

然后解压缩文件。然后将文件夹从 dist 重命名为 adminpanel。

完成。

之后我从浏览器调用 URL。然后显示

Site can't be reached

我想我已经正确完成了所有步骤。任何人都可以帮助我解决我遗漏或做错的问题吗？

Answer 1

在您的.htaccess 文件中尝试此代码：

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} -s [OR]
RewriteCond %{REQUEST_FILENAME} -l [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^.*$ - [NC,L]

RewriteRule ^(.*) /adminpanel/index.html [NC,L]

注意：adminpanel为您上传代码的项目目录名称！

让我知道这是否有效。

Answer 2

我在 build dist 文件夹中有更新 BaseURL。

<base href="http://0.0.0.0/adminpanel/">

并以这种方式处理所有管理面板 API 请求。

app.use('/adminpanel' , require('./routes/router'));

现在可以了。 :)

在 aws ec2 实例上实时部署 angular 6 个应用程序时出现问题

Issue when deploy angular 6 app on aws ec2 instance for live

instance

amazon-ec2

web-deployment

angular6