前后端联调——跨域问题
1、后端可以通过HtttpServletRequest的Header中找到Origin。是跨域地址的host加port。后端需要维护一个跨域URL的白名单，用Origin contains 匹配白名单的URL，成功则配置response 的 Access-Control-Allow-Origin，指定Origin。
2、第一，如果是协议和端口造成的跨域问题“前台”是无能为力的，第二：在跨域问题上，域仅仅是通过“URL的首部”来识别而不会去尝试判断相同的ip地址对应着两个域或两个域是否在同一个ip上。
3、场景：前后端分离，页面和后端项目部署在不同服务器，出现请求跨域问题。
4、在前后端分离架构下，难免会遇到跨域问题。但是对于跨域，很多人并没有多么深入的了解。这里我就详细讲一下这个问题。同源策略与跨域 所谓跨域，英文叫做cross-domain，是网络安全领域的一个专有名词。
5、在前后端接口请求中，由于浏览器的限制，会出现跨域的情况。
如何设置请求ajax发送跨域请求头
1、在前端ajax请求时，我们在header中设置了自定义的头部信息，将token写入了头部，便于后端进行身份认证， 如：xhr.setRequestHeader(Authorization， access_token)。通过了ajax全局方法做了统一处理。
2、在服务端设置response.setHeader(Access-Control-Allow-Origin， *)；即可。
3、关于Ajax跨域请求(GET)或Ajax跨域提交(POST)，只需要在 Fikker 转向管理中添加相关配置，即可由 Fikker 代理来完成 Ajax 跨域操作即可。
4、设置document.domain后同域的不同子域可以通过iframe互相操作；其实就是类似上传文件的解决方案，创建一个不可见的iframe、form的target指向这个iframe、iframe内接受数据，处理完成后执行js把结果传递给parent。
5、现在也知道了怎样来解决跨域问题，余下的就是实现的细节了。实现的过程中错误还是避免不了的。由于不了解json和jsonp两种格式的区别，也犯了错误，google了好久才解决。
6、点击图标瓦帕在系统托盘。去到Apache Apache模块。选中选项“headers_module”。执行此操作后，WAMP将重新启动。
四、uni.request()接口跨域问题解决和接口的封装
新建一个目录utils，然后该目录下新建一个request.js文件，进行封装。
可以写在uni-app的任何页面、组件或工具类中。一般来说，我们可以在页面的methods中或者组件的methods中调用uni.request方法，也可以单独创建一个工具类，在工具类中封装uni.request方法，然后在需要的地方引入并调用。
uniapp 提供网络请求的 api 是 uni.request ，具体支持的请求方法可以参考官网 method 有效值 不过我们通常不会直接使用，而是进过一系列的封装以方便我们的使用，具体封装接口使用会在随根据页面数据请求一并展示。
uni.request访问本地的socket访问不上？回答如下：是因为网络不兼容，第一步首先是打开安全设置和操作指南，第二步是针对问题分析方案，多实践，得以解决。
header设置跨域问题
1、最近做了一个应用管理系统，采用前后端分离方式开发，前端使用了layuiadmin框架，后端使用了 .net web api，在开发过程中，遇到了ajax跨域问题及header自定义设置，这是所有前后端分离开发都需要解决的问题，在此做一个记录。
2、in preflight response.一直以为是跨域的，后台能改的都改了。结果查资料才知道，是请求header中设置的x-token，在返回header中没有，将response的header里加上x-token就可以了。
3、导致问题出现的原因： 是由于header里面带了很多请求参数，而后端设置的response.setHeader(Access-Control-Allow-Headers， *)；允许所有头部没有生效导致。
4、Access-Control-Allow-Origin 请求头的设置是有一些特殊限制的，当 Access-Control-Allow-Credentials 的值为 true 时会导致Access-Control-Allow-Origin 无法被设置为「*」。
5、使用 Nginx 反向代理：通过配置 Nginx 反向代理，来实现跨域请求。
什么是跨域、怎么解决跨域?
1、CORS是一个W3C标准，全称是跨域资源共享（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出 XMLHttpRequest 请求，从而克服了AJAX只能 同源 使用的限制。CORS需要浏览器和服务器同时支持。
2、解决跨域的方法：通过jsonp跨域。通过修改document.domain来跨子域。使用window.name来进行跨域。使用HTML5中新引进的window.postMessage方法来跨域传送数据。
3、跨域就是来解决这个问题的，服务器端在维护某个session时禁止跨域，这样黑客即使成功盗取了session token数字凭证，也会因为ip地址与之前请求不一致而导致拒绝。
4、问题一：如何解决跨域问题 特别注意两点： 第一，如果是协议和端口造成的跨域问题“前台”是无能为力的， 第二：在跨域问题上，域仅仅是通过“URL的首部”来识别而不会去尝试判断相同的ip地址对应着两个域或两个域是否在同一个ip上。
后端解决前端跨域请求问题
配置好ngnix后，你前端工程里访问后端接口时，只需要将请求url修改为http：//191611222：8001/api/即可。
可以使用服务器代理或者在后端设置允许跨域。现在的项目一般是在后端设置允许跨域，前端在带有允许跨域的情况下，可以像没有跨域一样正常访问。如果前端单独发布到服务器，也可以在服务器是设置代理，使用代理转发请求。
前端通过http请求跨域的同时需要带上cookie信息，前端需要设置withCredentials = true。而后端也需要有所修改。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
