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

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

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

  1. dist/
  2. main.bundle.js
  3. main.map
  4. polyfills.bundle.js
  5. polyfills.map
  6. vendor.bundle.js
  7. vendor.map

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

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

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

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

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

  1. sudo apt-get update

然后使用apt-get安装Nginx

  1. sudo apt-get install Nginx

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

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

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

  1. server {
  2. listen 80 default_server;
  3. root /path/dist-Nginx;
  4. index index.html index.htm;
  5. server_name localhost;
  6. location / {
  7. try_files $uri $uri/ =404;
  8. }
  9. }

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

  1. sudo service Nginx restart

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

猜你在找的Nginx相关文章