💣💣💣 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模块中加入这个配置,即可使用带下划线的参数

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

相关推荐
gnip6 小时前
企业级配置式表单组件封装
前端·javascript·vue.js
王王碎冰冰13 小时前
基于 Vue3@3.5+跟Ant Design of Vue 的二次封装的 Form跟搜索Table
前端·vue.js
天蓝色的鱼鱼14 小时前
Element UI 2.X 主题定制完整指南:解决官方工具失效的实战方案
前端·vue.js
我是日安15 小时前
从零到一打造 Vue3 响应式系统 Day 8 - Effect:深入剖析嵌套 effect
前端·vue.js
DevUI团队15 小时前
🚀 MateChat V1.8.0 震撼发布!对话卡片可视化升级,对话体验全面进化~
前端·vue.js·人工智能
好好好明天会更好15 小时前
pinia从定义到运用
前端·vue.js
代码小学僧15 小时前
Vite 项目最简单方法解决部署后 Failed to fetch dynamically imported Error问题
前端·vue.js·vite
东坡白菜16 小时前
SSE 实现 AI 对话中的流式输出
javascript·vue.js
猩兵哥哥19 小时前
前端面向对象设计原则运用 - 策略模式
前端·javascript·vue.js
EMT21 小时前
在 Vue 项目中使用 URL Query 保存和恢复搜索条件
javascript·vue.js