前端后端联调解决URL作为参数发生跨域问题

Posted 似水流年,是谁苍白了等待

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端后端联调解决URL作为参数发生跨域问题相关的知识,希望对你有一定的参考价值。

在前后端联调时,把url作为参数传递给后端,结果出现问题,原因是在发送请求的时候在浏览器从正确请求中会解析到两个域名,所以到后端的时候就会出现跨域问题,至于什么是跨域请参考https://www.jianshu.com/p/f049ac7e2220

解决办法

方法一:

将前端需要作为参数的url编码,如下代码

  urls : encodeURIComponent(encodeURIComponent("https://blog.csdn.net")),

后端进行对传递过来的代码就行解码,为“UTF-8”格式

String url=java.net.URLDecoder.decode(crawlUrl,"UTF-8");

方法二:

将前端的url转换为json格式

string url=JSON.stringify("https://blog.csdn.net")

当然网上还有很多相关的解决方法,遇到这样的问题可以按照自己的业务需求,找适合自己的解决办法。

以上是关于前端后端联调解决URL作为参数发生跨域问题的主要内容,如果未能解决你的问题,请参考以下文章

前后端联调跨域解决办法

解决跨域问题以及Django中POST传递参数错误

阶段一-01.万丈高楼,地基首要-第3章 用户登录注册模块开发-3-10 设置跨域配置实现前后端联调

后端跨域问题导致java.io.IOException: UT010029: Stream is closed解决办法

前后端分类,数据传输问题

Ajax 跨域解决——SpringBoot学习