NCF 如何设置接口跨域访问

简介

后端开发一定对跨域问题比较熟悉了，那么今天我们来聊一下NCF的跨域问题，有2种方案

一、直接在服务端的web服务器设置跨域，即IIS设置跨域问题（参考：https://blog.csdn.net/guzicheng1990/article/details/106253104/）

二、在后台代码中增加跨域设置，此种方法比较灵活（推荐）

今天重点讲解第二种方案

 

步骤

1.在Senparc.Web的Startup.cs中增加使用跨域

2.在建立的Xncf模块中增加中间件，并在中间件中加入启用跨域

3.在Xncf模块中增加跨域允许的内容

 

实施

1.在Senparc.Web的Startup.cs中增加使用跨域

app.UseCors();

2.在建立的Xncf模块中增加中间件，并在中间件中加入启用跨域

using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Http;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.FileProviders;
using Microsoft.Extensions.Options;
using Senparc.Ncf.XncfBase;
using Senparc.Xncf.Admin.Utils;
using System;
using System.IO;

namespace Senparc.Xncf.Admin
{
    public partial class Register : IXncfMiddleware
    {
        public IApplicationBuilder UseMiddleware(IApplicationBuilder app)
        {
            app.UseCors("cors");
            app.UseRouting();

            //添加MVC模式支持
            app.UseEndpoints(endpoints =>
            {
                endpoints.MapControllerRoute(
                    name: "default",
                    pattern: "{controller=Home}/{action=Index}/{id?}");
                });
                return app;
            }
    }
    }

3.在Xncf模块中增加跨域允许的内容

        public void AddXncfDatabaseModule(IServiceCollection services)
        {
            //DOT REMOVE OR MODIFY THIS LINE 请勿移除或修改本行 - Entities Point
            //ex. services.AddScoped(typeof(Color));
            //跨域,这里可以自定义跨域的数组
            var domains = FileServerConfiguration.GetSection("Cors:Domain").Get<string[]>();
            var allowedOrigins = new HashSet<string>(domains, StringComparer.OrdinalIgnoreCase);
            //跨域默认策略
            services.AddCors(options => options.AddDefaultPolicy(builder =>
            {
                builder.AllowAnyOrigin();
                builder.SetIsOriginAllowed(origin => allowedOrigins.Contains(new Uri(origin).Host));
            }));
            //跨域自定义策略cors
            services.AddCors(p => p.AddPolicy("cors", 
                policy => policy.WithOrigins(domains).AllowAnyMethod().AllowAnyHeader().AllowAnyOrigin())
            );
        }    

 

结语

 NCF仓库地址：https://github.com/NeuCharFramework/NCF (欢迎Star)

 按照上面的方法可以解决NCF跨域的难题，欢迎大家交流，欢迎Star，欢迎关注