.Net后端解决与Vue对接的跨域问题

.Net后端需要解决跨域问题，下边列子基于WebApi

1、工具 -- nuget包管理 -- 程序包 下载microsoft.aspnet.webapi.cors。

2、App_Start里的WebApiConfig 文件中Register下添加以下代码：

var enableCorsAttribute = new EnableCorsAttribute("*",
    "Origin, Content-Type, Accept",
    "GET, PUT, POST, DELETE, OPTIONS")
{
     SupportsCredentials = true
};
config.EnableCors(enableCorsAttribute);

以上1，2两步即可实现。

---

3、如果要在web.config中添加内容，需要在<system.webServer>标签里添加如下代码：

<httpProtocol>

<customHeaders>

<add name="Access-Control-Allow-Origin" value="*" />

<add name="Access-Control-Allow-Methods" value="GET,POST,PUT,DELETE,OPTIONS" />

<add name="Access-Control-Allow-Headers" value="Content-Type" />

</customHeaders>

</httpProtocol>

4、打开IIS，可以添加如下图所示的HTTP响应标头，配置之后，web.config就会自动添加3中的信息。