在 Nginx 上託管你的 Aurelia Cli 應用程式

環境

本示例假設你按照示例中的說明進行設定為 Aurelia-cli 設定環境本文件說明。

設定摘要:

  • 在 Mac OS X 上使用 Vagrant 1.8.4
  • $cd /path/to/project/vagrant
  • $vagrant up
  • 通過使用者介面登入 VM:vagrant / PW:vagrant
  • $cd /home/vagrant/MyProject(你在上面的 Aurelia Cli Basics Explained 中描述的設定 Aurelia 專案的位置。)
  • 應該設定 EPEL 儲存庫

基本專案目錄結構

  • /家庭/流浪者/ MyProject 的
    • / aurelia_project
    • /指令碼
    • / src 目錄
      • 資源
      • app.js
      • app.html
      • environment.js
      • main.js
    • favicon.ico 的
    • index.html
    • package.json

構建你的應用程式

  • $au build(在專案/指令碼目錄中建立繫結檔案)

設定 Nginx

  • $sudo yum install nginx
  • 啟動伺服器:$sudo nginx
  • 編輯 nginx.conf 檔案(見下文)
    • 將根位置設定為/ var / www / html
    • 將資源位置設定為/ var / www /
  • 編輯檔案後重新載入伺服器:$sudo nginx -s reload

將檔案從 Aurelia 專案複製到伺服器

$sudo cp /home/vagrant/MyProject/index.html /var/www/html/
$sudo cp -R /home/vagrant/MyProject/scripts /var/www/html/
$sudo cp mkdir /var/www/src/
$sudo cp -R /home/vagrant/MyProject/src/resources /var/www/src/
  • 在 VM 中的 Web 瀏覽器上轉到 http:// localhost ,你應該會看到預設的 Aurelia 應用程式。
  • 如果按上述方法進行設定,則埠 80 由 VM 轉發,因此你可以轉到主機作業系統上的瀏覽器並轉到 http://192.168.0.3:80 並檢視該站點。

/etc/nginx/nginx.conf

# For more information on configuration, see:
#   * Official English Documentation: http://nginx.org/en/docs/
#   * Official Russian Documentation: http://nginx.org/ru/docs/

user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;

# Load dynamic modules. See /usr/share/nginx/README.dynamic.
include /usr/share/nginx/modules/*.conf;

events {
    worker_connections 1024;
}

http {
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;
    keepalive_timeout   65;
    types_hash_max_size 2048;

    include             /etc/nginx/mime.types;
    default_type        application/octet-stream;

    # Load modular configuration files from the /etc/nginx/conf.d directory.
    # See http://nginx.org/en/docs/ngx_core_module.html#include
    # for more information.

    server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  _;

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

    root /var/www/html/;

    location /src/resources {
        root /var/www/;
    }

        error_page 404 /404.html;
            location = /40x.html {
        }

        error_page 500 502 503 504 /50x.html;
            location = /50x.html {
        }
    }
}