【小技巧】V5Nginx 配置——代理前后端

附件 nginx 配置文件nginx.conf
———————————————————————————————————————————
image.png
               【图一】
image.png
               【图二】
图一为前端环境配置后端环境的地址,但是目前使用 ng 代理了后端地址,因此改地方配置 ng 代理的后端地址,即图一的 uma-unimax-web 为图二 location 后面的 uma-unimax-web
image.png
               【图三】
image.png
               【图四】

图三、图四为配置后端服务地址:图四:配置后端后端服务器 IP 地址 + 服务端口号;图三:通过别名 mes 来拼接整个后端服务地址,http://mes/uma-unimax-web
http:// 127.0.0.1:8788/uma-unimax-web

image.png
               【图五】
image.png
               【图六】
图五、图六:为配置的前端地址,即 VsCode 启动前端服务后的地址:
image.png

在浏览器访问地址为 NG 代理后的地址:localhost 或者 localhost:80
image.png