ASP.NET CORE如何实现跨域


本篇内容主要讲解“ASP.NETCORE如何实现跨域”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“ASP.NETCORE如何实现跨域”吧!用.net core创建一个Web API项目负责给前端界面提供数据。建立两个MVC项目,模拟不同的ip,在view里面添加按钮调用WEB API提供的接口进行测试跨域。view视图页代码如下:首先,先不设置.net core允许跨域,查看调用效果:点击测试跨域1按钮:F12进入Debug模式查看失败原因:从这里可以看出来是因为产生了跨域问题,所以会失败。点击测试跨域2的效果和此效果一致。从截图中可以看出,这次调用成功了。这里设置只允许ip为http://localhost:21632的来源允许跨域。点击跨域测试1按钮,结果如下:可以看到访问成功了,然后在点击跨域测试2按钮,结果如下:发现这次访问失败了,F12进入Debug模式,查看失败原因:从截图中可以看出是因为这里产生了跨域请求,但是没有允许跨域测试2所在的ip跨域。那么如果也想让跨域测试2可以调用成功该怎么办呢?光标定位到WithOrigins上面,然后F12查看定义:从截图中发现:WithOrigins的参数是一个params类型的字符串数组,如果要允许多个来源可以跨域,只要传一个字符串数组就可以了,所以代码修改如下:这时跨域测试2也可以调用成功了在上面的例子中,需要分两步进行设置才可以允许跨域,有没有一种方法只需要设置一次就可以呢?在Configure方法中只设置一次即可,代码如下:在上面的示例中,都是直接把ip写在了程序里面,如果要增加或者修改允许跨域的ip就要修改代码,这样非常不方便,那么能不能利用配置免费云主机域名文件实现呢?看下面的例子。AllowedHosts里面设置的是允许跨域的ip,多个ip直接用“|”进行拼接,也可以用其他符合进行拼接。这样就可以实现利用配置文件实现允许跨域了。到此,相信大家对“ASP.NETCORE如何实现跨域”有了更深的了解,不妨来实际操作一番吧!这里是百云主机网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: vue跳转页面常用的方法有哪些

这篇文章主要介绍“vue跳转页面常用的方法有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“vue跳转页面常用的方法有哪些”文章能帮助大家解决问题。用法同上,和第2个的this.$router.push方法一样。向前…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 01/22 11:20
Next 01/22 11:20

相关推荐