项目背景: 前端用VUE框架请求数据,后端用java spring boot开发。前后端参数传递取数据的时候,有一个参数内容中包含了反斜杠,对该参数进行了编码解码后,本地调试前端系统能正常拿到数据,但是部署到nginx服务器,进入生产环境,就拿不到数据了。
问题原因: url中传输的数据包含反斜杠时,nginx会将数据分割,误认为反斜杠是url的分隔符
解决思路: 前端二次编码+后端二次解码
前端修改:
前端使用encode编码后将%2f替换为%252f
var str = encodeURIComponent(pointid); str = str.replace('%2F', '%252f'); // 注意这个代码只会替换第一个字符串
str = str.replace(/%2f/gi,"%252F"); // 这个代码可以忽略大小写,替换所有字符串
后端修改:
后端使用decode二次解码:%252f第一次解码后为%2f,再将%2f解码为 /
demo:
@ApiOperation(value = "testKey")
@ApiImplicitParams({
@ApiImplicitParam(name = "key",value = "key",required = true)
})
@GetMapping(value = "/{key}/test")
@ResponseBody
public String selectBykey(@PathVariable("key") String key) throws IOException {
System.out.println(key);
String result = URLDecoder.decode(key,"UTF-8");
System.out.println(result);
if("1".equals(result)){
System.out.println(key);
return "111";
}else if(result.equals("1/2")){
System.out.println("1/2");
return "1111xiegang2";
}
return "";
}