问题:使用axios发送get查询请求,url 参数中只要包含”#”,请求参数只保留“#”之前的内容,“#”之后的字符全被裁掉,可能导致接口未知错误。
例如:
期望请求: url: '/some/request/?test_parameter=test#parameter'
实际请求:url: '/some/request/?test_parameter=test'
“#parameter”将自动被丢弃,达不到预期查询效果。
原因:
“#”在URI中用来指向一个锚点(如:某一元素的id)。
期望请求实际定位到/some/request/?test_parameter=test这个页面的中id="parameter"的元素的位置。
有些URL直接以#结尾,后面不带任何字符,比如:
url: '/some/request/?test_parameter=test#'
表示定位到/some/request/?test_parameter=test页面的最顶端。
解决:
1、在拼接参数的时候,使用 encodeURIComponent() 进行手动转义。
如:url: '/some/request/?test_parameter=encodeURIComponent( "test#parameter" )'
2、或将请求参数放进ajax请求的data属性中