Nginx进阶(1)——nginx本地代理配置访问node服务

一、windows安装

  1. 官网下载地址:https://nginx.org/en/download.html
    Nginx进阶(1)——nginx本地代理配置访问node服务
    文章图片
    image.png
  2. 解压后放到放到指定文件目录中

    image.png
  3. 启动nginx
    方法一:通过命令行进入到nginx文件目录,执行nginx命令即可
    方法二:双击目录下的nginx.exe文件,即可启动成功(可将nginx.exe添加到桌面快捷方式)
  4. 停止nginx
    命令行进入nginx文件目录,执行如下命令,停止服务器:
强制停止nginx服务器,如果有未处理的数据,丢弃
C:\Users\wayne\Desktop\work\nginx-1.8.1 nginx -s stop
优雅的停止nginx服务器,如果有未处理的数据,等待处理完成之后停止
C:\Users\wayne\Desktop\work\nginx-1.8.1 nginx -s quit
还可通过执行软件的形式停止,下载killNginx.bat软件(需要该软件的同学可以私信发给你),双击即可停止所有nginx进程
二、nginx相关配置
  1. 修改配置文件

    修改conf文件夹下的nginx.conf文件
    同时新建与conf同级的文件夹conf.d文件夹

    可配置不同端口的.conf文件,也可放在同一文件内
server { listen808; server_namelocalhost; location / { root'C:/Users/wayne/Desktop/work'; indexindex.html index.htm; } error_page500 502 503 504/50x.html; location = /50x.html { roothtml; } }

此为base.conf文件,由于80端口被window服务占用,故用808端口
  1. vue项目配置本地node服务端接口
    本地8080端口vue项目映射到当前9090端口
server { listen9090; server_name_; location / { proxy_passhttp://localhost:8080/; #Proxy Settings proxy_redirectoff; proxy_set_headerHost$host; proxy_set_headerX-Real-IP$remote_addr; proxy_set_headerX-Forwarded-For$proxy_add_x_forwarded_for; proxy_set_headerConnectionclose; proxy_next_upstream error timeout invalid_header http_500 http_502 http_503 http_504; proxy_max_temp_file_size 0; proxy_connect_timeout90; proxy_send_timeout90; proxy_read_timeout90; proxy_buffer_size4k; proxy_buffers4 32k; proxy_busy_buffers_size64k; proxy_temp_file_write_size 64k; }

通过localhost:9090/api/ 映射到localhost:3006端口,访问node服务端接口
location /api { proxy_passhttp://localhost:3006/; #Proxy Settings proxy_redirectoff; proxy_set_headerHost$host; proxy_set_headerX-Real-IP$remote_addr; proxy_set_headerX-Forwarded-For$proxy_add_x_forwarded_for; proxy_set_headerConnectionclose; proxy_next_upstream error timeout invalid_header http_500 http_502 http_503 http_504; proxy_max_temp_file_size 0; proxy_connect_timeout90; proxy_send_timeout90; proxy_read_timeout90; proxy_buffer_size4k; proxy_buffers4 32k; proxy_busy_buffers_size64k; proxy_temp_file_write_size 64k; } }

【Nginx进阶(1)——nginx本地代理配置访问node服务】通过访问localhost:9090/api/users连接node服务端接口数据
server { listen 3006; server_namelocalhost; location /users { proxy_passhttp://localhost:3000/users; } location/goods { proxy_pass http://localhost:3000/goods; } }

    推荐阅读