前后端分离,解决跨域问题

前端使用hbuilderx开发,运行url为http://127.0.0.1:8848/

后端使用vs2019 webapi开发,启动iis express后url为 https://localhost:44358/

很显然,如果前端通过ajax post请求到后端,不是同源,就会发生跨域问题,post请求故而失败:

前后端分离,解决跨域问题_第1张图片

解决办法如下: 

在vs2019 webapi项目的 web.config配置文件中的节点添加如下代码:

	  
	  
		  
			  
			  
		  
	  

然后前端项目的如下路径里添加如下代码即可:

前后端分离,解决跨域问题_第2张图片

前后端分离,解决跨域问题_第3张图片

前端ajax请求的url就写上面这个请求地址  https://192.168.11.100:44358/  即可。 

你可能感兴趣的:(个人分类,笔记,前端,ajax)