请求接口时跨域问题,前端解决方法
jsonp解决跨域，缺点：只局限于GET请求；应用场景：请求第三方平台数据（比如天气数据）时使用较多 服务器端设置Access-Control-Allow-Origin响应头，允许前端跨域。
处理跨域方法一——JSONP JSONP原理 利用script元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 数据。JSONP请求一定需要对方的服务器做支持才可以。
在前后端接口请求中，由于浏览器的限制，会出现跨域的情况。
选调生报名上传照片时,上传接口存在跨域怎么办?
1、报考者按网络提示进行注册，如实、准确填写《四川省2009年选调生报名推荐登记表》，并按网上提示上传JPG格式、20K左右的近期免冠证件照片。报考者如隐瞒有关情况或者提供虚假材料的，取消其录用资格，所造成的一切损失由本人承担。
2、提交职位申请之前，考生可在系统中重新上传。已提交职位申请，招考单位尚未进行审核或审核已通过，报考人员须致电招考单位，请招考单位将其职位申请做退回处理后，可重新上传。考生提交职位申请审核未通过的，可重新上传。
3、上文 httpClient.post 实际调用了 XMLHttpRequest 发送请求，可能会遇到 跨域 的问题。 所以在调试上传接口的时候，需要检查一下服务端的配置，是否支持跨域请求。
浏览器跨域及其解决方案
虽然跨域不是一个不好的事情，但是对于前后端分离的web开发来说确实需要解决的，大致的解决方案可分为：直接从根源解决问题，让浏览器安全策略不起作用。这个方法虽然可以解决问题但是不现实。
通过jsonp跨域 Jsonp是Json的一种“使用模式”，他就可以解决浏览器遇到的跨域问题，我们可以动态创建script，再请求一个带参网址实现跨域通信。用Jsonp请求得到的是JavaScript，相当于直接用JavaScript解析。
常见的跨域场景：对于简单请求，浏览器会直接发出CORS请求，具体的就是在头信息中，增加一个 Origin 字段。
跨域 post 的话，IE8 及以上和其他主流浏览器可以用 window.postMessage 来实现，也就是传说中的 HTML5 方法了，可以看下标准，代码很简单。
后端解决前端跨域请求问题
服务端设置了Access-Control-Allow-Origin就开启了CORS，所以这种方式只要后端实现了CORS，就解决跨域问题，前端不需要配置。
前端通过http请求跨域的同时需要带上cookie信息，前端需要设置withCredentials = true。而后端也需要有所修改。
如果前端项目不同模块的请求地址不一样，则都需要进行更改。
前端解决跨域都有哪些方法?
1、处理跨域方法三——WebSocket Websocket是HTML5的一个持久化的协议，它实现了浏览器与服务器的全双工通信，同时也是跨域的一种解决方案。WebSocket和HTTP都是应用层协议，都基于 TCP 协议。
2、jsonp解决跨域，缺点：只局限于GET请求；应用场景：请求第三方平台数据（比如天气数据）时使用较多 服务器端设置Access-Control-Allow-Origin响应头，允许前端跨域。
3、自己搭一个小型服务器就可以了。或者webstorm和brackets都有自己集成的小型服务器，能解决跨域问题。
4、搞大前端的，肯定都会遇到跨域问题的，虽然网上这方面的资料也很多，但我还是喜欢自己写一遍，自己理解过、总结过的东西才记得最深刻。
5、可以使用服务器代理或者在后端设置允许跨域。现在的项目一般是在后端设置允许跨域，前端在带有允许跨域的情况下，可以像没有跨域一样正常访问。如果前端单独发布到服务器，也可以在服务器是设置代理，使用代理转发请求。