ASP.Net MVC中跨域访问问题

最新推荐文章于 2023-09-19 11:37:06 发布

大爱助手

最新推荐文章于 2023-09-19 11:37:06 发布

阅读量266

点赞数

分类专栏：科研 C# 文章标签： mvc ajax跨域问题 get

本文链接：https://blog.csdn.net/qq_22654855/article/details/117368439

版权

科研同时被 2 个专栏收录

24 篇文章 6 订阅

订阅专栏

12 篇文章 0 订阅

订阅专栏

这篇博客讨论了在进行客户端与服务器端交互时遇到的跨域访问问题，由于浏览器的CORS策略导致请求被阻止。文章详细解释了错误信息的含义，并提供了从服务器端解决此问题的方案。通过创建AllowCrossSiteJsonAttribute过滤器并在控制器上应用，允许来自任何源的请求，成功实现了跨域资源共享。

摘要由CSDN通过智能技术生成

客户端

$.ajax({
                    url: "http://localhost:53607/api/values",
                    type: "GET",
                    cache: false,
                    
                    success: function(data){
                        var ppFacets = internal.econbiz.preprocessFacets(data);
                        var ppResults = internal.econbiz.preprocessResults(data);
                        internal.onReceiveData(term, ppFacets, ppResults);
                    },
                    error:function(err){
                      console.log(err.statusText);
                      console.log('异常');
                    }
                });

服务端

public class ValuesController : ApiController
{
        // GET api/values
        public string Get()
        {
            string json;
            // ... 
            return json;
}

出现问题:

Access to XMLHttpRequest at 'http://localhost:53607/api/values' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

原因关键词: 跨域访问

解决方案一(从服务器出发):

1.创建一个类AllowCrossSiteJsonAttribute

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Http.Filters;


public class AllowCrossSiteJsonAttribute : ActionFilterAttribute
{
    public override void OnActionExecuted(HttpActionExecutedContext actionExecutedContext)
    {
        if (actionExecutedContext.Response != null)
            actionExecutedContext.Response.Headers.Add("Access-Control-Allow-Origin", "*");
        base.OnActionExecuted(actionExecutedContext);
    }
}

2.在Controller类前添加标记[AllowCrossSiteJson]

   [AllowCrossSiteJson]
    public class ValuesController : ApiController
    {
        // GET api/values
        public string Get()
        {

        }
    }

3.成功