💣💣💣 Nginx反向代理----携带特殊符号参数

背景

前端要在登录成功后,在项目中后续所有请求里面,携带一个公共参数 user_id , 方便后端去做权限的控制,商量后决定由前端封装在Request Headers请求头里面 ,后端自行去取。

过程

开始封装公共请求头,让项目中每一个请求都会携带user_id ,实际值由登录接口返回,示例demo代码如下。

测试环境打包 ==> 部署测试ok ==> 准备上线生产环境

暴露问题

生产环境突然反馈,说是无法登录,点击就报参数不全,截图后发现,后端在生产环境,获取不到user_id ?? 这可严重了,生产环境无法登录,等于是阻塞在了最前面,领导很生气,后果很严重。。。但复盘下来,也就是加了一个参数,而且写法很传统,应该没什么问题,找生产的小伙伴要了日志,发现确实获取不到参数

复盘问题

唯一区别,就是生产环境的接口请求,使用了Nginx代理,而Nginx又有茫茫多的配置项,想一想平时经常用的也就是拦截请求,请求头,请求参数,请求分流这些,难道是请求参数有什么特殊的配置项吗?还真有!

underscores_in_headers (默认off)

作用:开关请求头字段是否支持下划线'_'特殊符号命名,例如user_id 是否会被nginx过滤掉

参数: on ,off

解决问题

打开nginx.conf文件,在http模块中加入这个配置,即可使用带下划线的参数

😊 😊 😊其实在请求头里使用参数的时候,能不加特殊符号最好,万一碰上我这种特殊需求的,记得检测一下有没有这个配置,没有的话记得加上 😊 😊 😊

相关推荐
zhifou12345611 小时前
Vue基础(二)
前端·javascript·vue.js
你脑门上的脚印13 小时前
Vue 项目从零实现语音转文字、文字转语音功能(完整可用 + 踩坑指南)
前端·vue.js
lemon_yyds15 小时前
H5 页面嵌入 APP 的 web-view 时-调用原生能力(uniapp)
vue.js
ITmaster073116 小时前
Vibe Coding 时代:Vue 消失了还是 React 太强?
前端·vue.js·react.js
万敏17 小时前
Vue3 全栈实战第七周:错误处理与请求层封装实战记录
vue.js·node.js·全栈
请你吃div18 小时前
Electron 从零开始的新手开发教程
vue.js·windows·electron
翔云12345619 小时前
在nginx中,proxy_next_upstream off是什么含义
nginx
虎王物联19 小时前
Nginx反向代理实现IoT设备HTTPS接入:从证书配置到MQTT over WebSocket实战
运维·物联网·nginx·https
咏方舟【长江支流】20 小时前
【前端1】单据编辑 -EasyUI/Vue/React/Bootstrap 主流框架实现订单单据主子表显示和编辑比较,哪个你最易入门?
前端·vue.js·easyui·咏方舟-长江支流·userbaodatagrid
m0_5791466520 小时前
Element UI 表格合并单元格完全指南:从原理到实战
前端·vue.js·elementui