（七）.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