跨域问题和乱码问题解决

最新推荐文章于 2023-04-24 17:48:00 发布

TTTALK

最新推荐文章于 2023-04-24 17:48:00 发布

阅读量1.2k

点赞数

分类专栏：工作经验面试文章标签：服务器前端 javascript

本文链接：https://blog.csdn.net/tttalk/article/details/122238094

版权

面试同时被 2 个专栏收录

12 篇文章 1 订阅

订阅专栏

工作经验

5 篇文章 1 订阅

订阅专栏

本文探讨了JavaScript的同源策略导致的跨域问题及其解决方法，包括JSONP和CORS。CORS支持POST提交，而JSONP仅限GET。此外，详细阐述了Tomcat服务器中解决乱码问题的三种策略，从修改服务器配置到客户端编码处理。同时，分析了不同浏览器对URI编码的影响，并提供了相关编码函数的使用建议。

摘要由CSDN通过智能技术生成

一、跨域问题解决

由于浏览器对于Javascript的同源策略的限制，导致A网站不能通过JS（主要就是Ajax请求）去访问B网站的数据（只是访问网站不会出现），于是跨域问题就出现了。跨域指的是域名、端口、协议的组合不同就是跨域。

解决跨域的方式：基于JavaScript的解决方式、基于Jquery的JSONP方式、以及基于CORS的方式。

JSONP和CORS的区别之一：JSONP只能解决get方式提交、CORS不仅支持GET方式，同时也支持POST提交方式。

CORS原理：只需要向响应头header中注入Access-Control-Allow-Origin --推荐
如果有多个拦截器，一定要把处理跨域请求的拦截器放到首位。

二、乱码问题解决

GET请求参数把请求行中的URI发送给Web服务器（Tomcat）时，
Tomcat服务器会对URI进行编码操作（默认是iso8859-1）

解决方式1：修改tomcat配置文件

<Connector URIEncoding="utf-8" connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443"/>

解决方式2：对请求参数进行重新编码：

String username = new 
String(request.getParamter("userName").getBytes("ISO8859-1"),"utf-8")

解决方式3：过滤器+请求装饰器统一解决请求乱码

工作经验：url中文乱码问题解决
问题来源：不同浏览器对uri和请求参数编码方式不同，get生成和ajax调用的url编码不同
参考：https://blog.csdn.net/shabijiayong/article/details/79094438

1.tomcat的server.xml中URIEncoding 与useBodyEncodingForURI使用场景
(1)URIEncoding：只能解码%xx格式的中文，若不是，仍会采用默认的iso-8859-1解码
(2)useBodyEncodingForURI:默认为false,需要配合URIEncoding使用。仅用于参数，需要在过滤器中设置编码setCharacterEncoding或设置请求头的content-type。若没设置也会采用默认的方式。

2.encodeURI、encodeURIComponent与escape编码的作用：在js中对url直接编码，保证服务器得到的数据格式是统一的。

(1)Escape是针对字符串的，只能对url后的参数进行编码；
(2)encodeURIComponent只能用于参数编码；
(3)encodeURI可以直接编码整个url,参数中有中文时需要编码两次(4)encodeURI(encodeURI(url)),在后台需要解码paramValue = URLDecoder.decode(paramValue,“utf-8”);

可使用javascript:unescape(“param”)/unencodeURIComponent ()/unencodeURI解码查看