Angular + .netcore 3.1 webapi在跨域时遇到的问题及解决方案

前后端分离 ，关于跨域问题

1.我前端用的是angular占用端口是4200，后端在IIS上部署的端口是8080造成了跨域，报错

 

2.如何解决？

需要在web api中允许web api跨域访问，需要在StartUp的方法中添加跨域服务

            //跨域
            services.AddCors(options =>
            {
                //any为策略名称，后面在web api控制器中添加的跨域策略名称要与此一致
                options.AddPolicy("any", builder =>
                {
                    // 设定允许跨域的来源，有多个可以用','隔开
                    builder.WithOrigins("http://localhost:4201", "http://localhost:24661")
                    .AllowAnyHeader()
                    .AllowAnyMethod()
                    .AllowCredentials();
                    //任何来源
                    //builder.AllowAnyOrigin()
                    //.AllowAnyMethod()
                    //.AllowAnyHeader();
                });
            });

            //跨域
            //添加到app.UseRouting()和app.UseEndpoints()之间
            app.UseCors();