跨域产生的原因和解决方法,上传接口存在跨域

跨域产生的原因和解决方法,上传接口存在跨域

跨域的原因：⼤体上分为三点：协议不同域名不同端⼝不同1、浏览器的同源策略是确保浏览器安全的特别重要的⼀个安全策略如果没有同源策略：在⼀个域上加载的脚本不允许访问请求方与服务方的源不同，即跨域，包括：协议不同域名不同端口不同同时满足三个条件才有可能产生跨域问题。 解决方案对于浏览器限制的解决方案-关闭浏览器的同源策略检查--arg

DOMException Blocked a Frame的原因可能是因为网页使用了不受信任的外部资源，如跨域脚本或违规iframe嵌套。这些情况下，浏览器会阻止加载这些外部资源，以防止潜在的安全风险造成跨域的原因跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里的跨域是广义的。广义的跨域包括：资源跳转：链接，重定向，表单提交资源嵌入：

解决跨域问题的几种方法通过上面的分析了解跨域产生的原因之后，解决其实并不难，上面的讲解中其实也提供了解决方案，例如在Node.js 中我们可以设置响应头部字段Access-Control-A解决方式1. api请求baseulr指向服务器(我这里http指定端口4000) 2. Cors设置跨域允许js文件中设置结果(请求url指向也是4000端口了) 这里有个不错文章解析了

二.前端解决方式标签是不受跨域影响，只要herf,src属性的标签都不收跨域的影响利用JSONP JSONP能实现3.nginx代理跨域nginx代理跨域，实质和CORS跨域原理一样，通过配置文件设置请求响应头Access-Control-Allow-Origin…等字段。nginx配置解决iconfont跨域浏览器跨域访问js、css、im