跨域相关配置

1.要讨论的是浏览器端的真正跨域访问,推荐的是目前jQuery $.ajax()支持get方式的跨域,这其实是采用jsonp的方式来完成的.

dataType : ‘jsonp‘,
jsonp : ‘callback‘,

crossDomain :true设置前两个就可以了

参考

contentType: ‘application/x-www-form-urlencoded; charset=UTF-8‘,
mode: "cors",
headers:{

"Access-Control-Allow-Origin": "*",
"Access-Control-Allow-Methods":"GET,POST,OPTIONS",
"Access-Control-Allow-Headers":"Cache-Control, Pragma, Origin, Authorization, Content-Type, X-Requested-With",
"Access-Control-Allow-Credentials":"true"
}

2.跨域代理

主要原理就是写一个代理请求的转发过程。客户端请求自己的服务器,服务器把请求目标地址并且得到回应,服务器再把结果返回给客户端。这种方式,对于开发者来说还是不错的选择,因为可以在服务器上对回应的结果做自己的处理后把重新组织过的数据返回给客户端。

服务器通过返回响应头进行权限控制: Access-Control-Allow-Origin:控制那些外部请求可以访问该资源

Access-Control-Allow-Credentials :结合客户端 xmlhttprequest 的 withCredentials 属性可以控制是否发送 cookie 等验证信息

Access-Control-Allow-Headers :控制客户端可以发送的额外头部信息,多个值使用逗号分隔

Access-Control-Allow-Methods: 控制客户端可以发送的请求方法(如:POST),多个值使用逗号

时间: 2024-11-13 07:04:45

跨域相关配置的相关文章

Web Api跨域访问配置及调用示例

1.Web Api跨域访问配置. 在Web.config中的system.webServer内添加以下代码: <httpProtocol> <customHeaders> <add name="Access-Control-Allow-Origin" value="*" /> <add name="Access-Control-Allow-Headers" value="*" />

阿里云OSS跨域设置配置后不生效

OSS跨域资源共享(CORS)错误及排除 跨域资源共享(Cross Origin Resource Sharing,简称 CORS)的介绍及配置请参看跨域资源共享最佳实践. CORS配置有以下几项: 来源(AllowedOrigin)允许跨域请求的来源,可以同时指定多个.配置时需带上完整的域信息,例如http://10.100.100.100:8001或https://www.aliyun.com.注意, 不要遗漏了协议名http或https ,如果端口不是默认的80,还需要带上端口.如果不能确

JavaWeb项目解决跨域请求配置

首先需要一个filter,代码如下: package com.ckugua.mentality.filter; import javax.servlet.*;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import java.io.IOException; public class SimpleCORSFilter implements Filter { pr

webpack自带的跨域代理配置

问题:开发过程中难免有跨域的问题. 解决:webpack代理的配置 const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const ExtractTextPlugin = require('extract-text-webpack-plugin'); const webpack = require('webpack'); module.exports = { entry:

网页保存为图片及高清截图的优化 | canvas跨域图片配置

本次技术调研来源于H5项目中的一个重要功能需求:实现微信长按网页保存为截图. 这里有个栗子(请用微信打开,长按图片即可保存):3分钟探索你的知识边界 将整个网页保存为图片是一个十分有趣的功能,常见于H5活动页的结尾页分享.以下则是项目中调研和踩坑的一些小结和汇总. 一.实现HTML网页保存为图片 1.1 已知可行方案 现有已知能够实现网页保存为图片的方案包括: 方案1:将DOM改写为canvas,然后利用canvas的toDataURL方法实现将DOM输出为包含图片展示的data URI 方案2

Vue+Django 跨域问题配置

跨域请求问题: 1.Django后端解决办法: # 后端下载模块: pip install django-cors-headers # settings配置: MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', # 'dj

关于JSONP以及跨域相关

什么是跨域: 浏览器对ajax请求的限制,不允许跨域请求资源. http://www.a.com--->http://www.b.com       是跨域 http://www.a.com--->http://www.a.com:8080  是跨域 http://a.a.com--->http://b.a.com  是跨域 http://www.a.com--->http://www.a.com/api   不是   //访问域名下面的API不是跨域访问 总结: 由于JavaSc

学习-【前端】-关于nginx跨域的配置

一般来说我们的网站都是要使用代理服务器来分配不同端口,这里就nginx介绍,我们的混合app需要用到跨域的设置来完成数据交互,那么这里给出nginx跨域设置,当然,这里设置完本身后台服务器也要设置哦. location ^~/abc { add_header "Access-Control-Allow-Origin"  ""; add_header "Access-Control-Allow-Headers"  "Content-Typ

Chrome浏览器允许跨域请求配置

最近有个做数据标注的任务,但是标注平台是别人公司的,他们又不愿意对平台进行升级改造: 其实要改的地方也很简单,就是对页面做一些处理,做一些脚本控制. 没办法,做了个 iframe 给她嵌入到我们自己的网页里,但是问题来了,就是跨域的问题. iframe 是不允许进行跨域访问的,和ajax请求一样不允许跨域访问. 允许google浏览器跨域ajax提交 在启动chorme时加上 --allow-file-access-from-files 或者 -disable-web-security 建议用前