日常开发中的几个常用跨域处理方式
2018-02-06 19:01
656 查看
设置express代理请求
在基于
vue-cli的项目中,在开发环境配置(config/dev.env.js)中设置代理,能够将所有
/apidomain开头的请求都通过
npm run dev启动的
express服务器重定向到目标接口
官方文档:https://vuejs-templates.github.io/webpack/proxy.html
proxyTable: { '/apidomain':{ target:'http://localhost:prot',//或ip或域名。 changeOrigin:true, pathRewrite: { '^/apidomain': '' } } },
若要通过IP在局域网访问h5,启动开发服务器的时候添加
host参数即可
即package.json的dev命令配置如下
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",
关闭chrome安全策略实现跨域
cd "C:\Program Files (x86)\Google\Chrome\Application" chrome.exe --disable-web-security --user-data-dir=c:/CorsUserData
asp.net core 服务端的CORS跨域设置
官方文档:https://docs.microsoft.com/zh-cn/aspnet/core/security/cors
必读文章:跨域资源共享 CORS 详解-阮一峰
在实际设置中,因为在h5端添加header参数产生了
预检(OPTIONS)请求,看了上述文章后将通用参数修改到了query参数中
1. 添加cors服务
public void ConfigureServices(IServiceCollection services) { //若只有部分接口则定义一个或多个命名的 CORS 策略,并在运行时按名称然后选择的策略,通过特性标记去设置跨域 详情见文档 services.AddCors(); }
2. 启用中间件
//读取配置文件中设置的允许跨域的域名 CorsOrigins为一个数组 设置["*"]则会允许所有 var origins = Configuration.GetSection("CorsOrigins").GetChildren().Select(s => s.Value).ToArray(); app.UseCors(e => { e.WithOrigins(origins).AllowAnyHeader().AllowAnyMethod().AllowCredentials(); });
//Startup文件中Configuration对象的获取 public IConfiguration Configuration { get; } public Startup() { var builder = new ConfigurationBuilder()//...AddJsonFile($"appsettings.json"); Configuration = builder.Build(); }
JSONP
相关文章推荐
- vue几个常用跨域处理方式介绍
- 日常站点开发常用到的几个JavaScript方法
- 关于eclipse下开发android应用的几个常用插件
- Android SDK开发常用工具的使用及其异常处理
- Windows Gadget 开发常用的几个系统方法及设置
- 几个常用的JavaScript字符串处理函数 – split()、join()、substring()和indexOf()
- Asp.Net MVC 常用开发方式之EF Code First
- Android中的集中常用布局方式和按钮事件的处理方式
- iphone 开发几个常用的开源类库及下载地址
- 安卓基础开发两种点击事件处理方式
- 关于javaWeb开发中的常用的几个中文转码
- 【IOS开发】 UIView之间常用四种传值方式
- Android游戏开发之处理按键的响应方式(十二)
- Java字符串处理的几个常用方法
- 程序开发中异常的处理方式
- AngularJS开发WebApp的自适应处理方式
- 程序开发 很常用且实用的几个辅助软件
- Winform开发几个常用的开发经验及知识积累(一)
- (转)Winform开发几个常用的开发经验及知识积累(一)
- 推荐几个Android常用的开发工具和插件