(七).netcore+vue 跨域调用——CORS

接口开发完后,前端调用首先要解决的是如何跨域调用

1、appsettings.json里配置跨域策略

"Startup": {
    "Cors": {
      "PolicyName": "CorsIpAccess", //策略名称
      "EnableAllIPs": false, //当为true时,开放所有IP均可访问。     
      "IPs": "http://localhost:8080,http://localhost:8081,http://localhost:8021"
    }
  }

2、Startup的ConfigureServices方法里配置跨域

 #region CORS 跨域
         
            services.AddCors(c =>
            {
                if (!Configuration["Startup:Cors:EnableAllIPs"].ObjToBool())
                {
                    c.AddPolicy(Configuration["Startup:Cors:PolicyName"],
                        policy =>
                        {
                            policy
                            .WithOrigins(Configuration["Startup:Cors:IPs"].Split(,))
                            .AllowAnyHeader()
                            .AllowAnyMethod();
                        });
                }
                else
                {
                    //允许任意跨域请求
                    c.AddPolicy(Configuration["Startup:Cors:PolicyName"],
                        policy =>
                        {
                            policy
                            .SetIsOriginAllowed((host) => true)
                            .AllowAnyMethod()
                            .AllowAnyHeader()
                            .AllowCredentials();
                        });
                }

            });
            #endregion

3、Startup的Configure方法里开启跨域

#region CORS

            app.UseCors(Configuration["Startup:Cors:PolicyName"]);

            #endregion

 

(七).netcore+vue 跨域调用——CORS

上一篇:web开发遇到的坑之360浏览器缓存问题


下一篇:json to csv