.NET WebApi后台 + VUE前,前后端分离跨域问题

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 17:51   1155   0

项目背景:

采用前后端分离开发模式

前端:VUE

后台:ASP.NET WEB API

服务器:window server 2008 r2 IIS 7.0

问题描述:

跨域问题的话,对这个错误已经很眼熟了。不慌,下面提供实测解决方法。

解决方法:

第一步: 解决方案 -> Global.asax.cs -> 加入红框中的代码

  protected void Application_BeginRequest()
        {
            if (Request.Headers.AllKeys.Contains("Origin") && Request.HttpMethod == "OPTIONS")
            {
                Response.End();
            }
        }

第二步:IIS配置 -> 填写对应的HTTP响应标头

键:Access-Control-Allow-Origin  值:*
键:Access-Control-Allow-Headers 值:Content-Type,api_key,Authorization
键:Access-Control-Allow-Methods 值:GET,POST,PUT,DELETE,OPTIONS

第三部:重启IIS即可

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP