Nuxt部署-反向代理

Nuxt以Universal模式运行下，后端会起Node Server

网站服务一般都走80 Port，中间需要人帮忙

反向代理（Reverse Proxy）的概念

相较于正常Proxy代理Client（Agent）向Server请求，隐藏原始请求方，让Server不知道Client是谁。

反向代理（Reverse Proxy）隐藏响应方，使得Client不知道实际由谁提供服务。

用途(leafor)

隐藏内部网络构架并提供外网服务

加密

负载平衡

缓存

内容压缩

自架可选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、透过其他第三方服务部署的设定，可以参考官网文件下半部(vmwork)