nginx – 如何部署我的Angular 2 Typescript Webpack应用程序

前端之家收集整理的这篇文章主要介绍了nginx – 如何部署我的Angular 2 Typescript Webpack应用程序前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我实际上是用Typescript学习Angular 2,并根据角质种子项目(angular-seed)开发了一个小应用程序.我已经建立了应用程序的生产目的,并获得dist文件夹准备部署包含我的捆绑包文件如下所示:

dist/                    
  main.bundle.js              
  main.map         
  polyfills.bundle.js          
  polyfills.map            
  vendor.bundle.js         
  vendor.map

然而,作为一个更新鲜的,我不知道如何在我的EC2服务器上部署它.我读到,我必须配置Nginx服务器来服务我的静态文件,但是我必须配置它特别是使用我的包文件?我从来没有这样做过

请原谅我的错误.非常感谢!

最佳答案
你在正确的轨道上…..

只需在你的EC2上安装Nginx.在我的情况下,我有一个linux Ubuntu 14.04安装在“数字海洋”上.

首先我更新了apt-get包列表:

sudo apt-get update

然后使用apt-get安装Nginx

sudo apt-get install Nginx

然后打开默认服务器块配置文件进行编辑:

sudo vi /etc/Nginx/sites-available/default

删除配置文件中的所有内容并粘贴以下内容

server {
    listen 80 default_server;
    root /path/dist-Nginx;
    index index.html index.htm;
    server_name localhost;
    location / {
        try_files $uri $uri/ =404;
    }
}   

要使更改生效,请重新启动webserver Nginx

sudo service Nginx restart

然后将index.html和软件包文件复制到您的服务器上的/ path / dist-Nginx,并且您已启动并运行.

猜你在找的Nginx相关文章