Nginx配置前后端分离

后端地址

1.本地环境

curl --request GET \
  --url http://localhost:8080/by-admin/captchaImage \
  --header 'Authorization: Bearer d7a035d9-b30c-4ca5-8951-8cec90607943'

确认后端 ip 端口 上下文
2.测试环境
部署到测试环境可能是 换成内网ip和内网服务端口(ip、端口 可能会跟本地不一致)

curl --request GET \
  --url http://10.0.0.10:8084/by-admin/captchaImage \
  --header 'Authorization: Bearer d7a035d9-b30c-4ca5-8951-8cec90607943'

3.测试环境 走nginx
配置nginx 将dev-api路由转发到 上一步对应的内网ip 端口 应用上下文

   #后端 路由  前端调用接口路由  对应调用 后端应用上下文
        location /dev-api {
                proxy_pass  http://10.0.0.10:8084/by-admin;
        }

curl --request GET \
  --url http://公网ip+nginx监听端口/dev-api/captchaImage \
  --header 'Authorization: Bearer d7a035d9-b30c-4ca5-8951-8cec90607943'

配置nginx转发请求到测试环境服务

前端地址

前端通过路由byadmin 进入项目的index.html
配置nginx找到页面

        #前端 路由
        location /byadmin {
                add_header Cache-Control"no-cache, no-store";
                alias   /app/nginx/html/byadmin;
                index  index.html index.htm;
        }

前端调用接口会加上参数例如公网ip+nginx监听端口+后端路由对应上面配置的+接口地址

http://xxx.xx.xx.xx:10087/dev-api/system/dict/data/dictType/sys_user_sex