ASP.Net Core MVC+Ajax 跨域
程序员文章站
2022-07-11 09:15:23
要求 C端:用户端(http://www.b.com) A端:管理端(http://admin.b.com) 问题:A端上传图片到C端指定文件夹内保存,供C端使用。 方案 ① C端从nuget引入Microsoft.AspNetCore.Mvc.Cors ② Startup文件中的Configure ......
要求
c端:用户端(http://www.b.com)
a端:管理端(http://admin.b.com)
问题:a端上传图片到c端指定文件夹内保存,供c端使用。
方案
① c端从nuget引入microsoft.aspnetcore.mvc.cors
install-package microsoft.aspnetcore.mvc.cors
② startup文件中的configureservices方法添加
var sites = configuration.get<configmodel>().adminsite.split(","); //跨域,让管理端上传图片文件 services.addcors(option => option.addpolicy("admincors", policy => policy.withorigins(sites).allowanyheader().allowanymethod().allowcredentials()));
sites是string [],允许的站点,这里的sites=["http://admin.b.com"];
③ configure方法内添加
app.usecors("admincors");
④ 添加filecontroller.cs,并完成业务逻辑
⑤ a端ajax调用
$.ajax({ url: 'http://www.b.com/file/upload', type: 'post', data: data, processdata: false, contenttype: false, crossdomain: true,
//带上cookie xhrfields: { withcredentials: true }, success: function (res) { //一些逻辑 }, error: function (err) { //一些逻辑 } });
最终完成:
c端的文件目录
上一篇: 7大绝招制定网站推广方案
下一篇: 用百度知道来做推广网站的方法
推荐阅读
-
Asp.Net Core基于Cookie实现同域单点登录(SSO)
-
asp.net core 系列之允许跨域访问2之测试跨域(Enable Cross-Origin Requests:CORS)
-
记Asp.Net Core Swagger 使用 并带域接口处理
-
asp.net基于JWT的web api身份验证及跨域调用实践
-
Asp.Net 跨域,Asp.Net MVC 跨域,Session共享
-
asp.net core webapi 服务端配置跨域的实例
-
CentOS ASP.NET Core Runtime Jexus跨平台布署
-
.Net Core Cors跨域
-
【从零开始搭建自己的.NET Core Api框架】(五)由浅入深详解CORS跨域机制并快速实现
-
ASP.Net Core MVC+Ajax 跨域