在AWS EC2实例上实时部署angular 6应用程序时出现问题

时间:2019-01-06 09:36:17

标签: amazon-ec2 angular6 instance web-deployment

我想实时部署我的角度应用程序。我已经运行此命令进行构建

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。然后显示

  

无法访问该站点

我认为我正确地完成了所有步骤。谁能帮助我我所缺少或做错的事情?

2 个答案:

答案 0 :(得分: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是您已上传代码的项目目录的名称!

让我知道这是否可行。

答案 1 :(得分:0)

我的build dist文件夹中有更新BaseURL

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

并以此方式处理所有管理面板API要求。

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

现在可以使用了。 :)