手记

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)

0人推荐
随时随地看视频
慕课网APP