相关文章推荐
温暖的饭卡  ·  java jpa批量插入 - CSDN文库·  11 月前    · 
风流的鸵鸟  ·  Python打印沙漏 - CSDN文库·  1 年前    · 
要出家的黑框眼镜  ·  pyqt5多进程-掘金·  1 年前    · 

Nuxt 以 Universal 模式運行下,後端會起 Node Server (預設是 http://127.0.0.1:3000 )

網站服務一般都走 80 Port,中間需要人幫忙

反向代理 (Reverse Proxy) 的概念

相較於正常 Proxy 代理 Client (Agent) 向 Server 請求,隱藏原始請求方,讓 Server 不知道 Client 是誰。
反向代理 (Reverse Proxy) 隱藏回應方,使得 Client 不知道實際由誰提供服務。

  • 隱藏內部網路架構並提供外網服務
  • 自架可選 nginx 或 Apache
    各個功能在不同的雲端服務商,可能拆成不同的功能區塊 (可以參考 AWS、GCP 的功能說明)

    搭配 Nuxt 使用

    只跑 Nuxt 的情況,只需把 domain 80 port 指給 Node Server

    nginx 設定

    map $sent_http_content_type $expires {
        "text/html"                 epoch;
        "text/html; charset=utf-8"  epoch;
        default                     off;
    server {
        listen          80;             # the port nginx is listening on
        server_name     your-domain;    # setup your domain here
        gzip            on;
        gzip_types      text/plain application/xml text/css application/javascript;
        gzip_min_length 1000;
        location / {
            expires $expires;
            proxy_redirect                      off;
            proxy_set_header Host               $host;
            proxy_set_header X-Real-IP          $remote_addr;
            proxy_set_header X-Forwarded-For    $proxy_add_x_forwarded_for;
            proxy_set_header X-Forwarded-Proto  $scheme;
            proxy_read_timeout          1m;
            proxy_connect_timeout       1m;
            proxy_pass                          http://127.0.0.1:3000; 
            # set the address of the Node.js instance here
    

    這篇只寫基本的反向代理
    讀者想做 靜態頁快取 (cahce)、改用 HTTPS、透過其他第三方服務部署的設定,可以參考官網文件下半部