前言:
近期在对接前后端分离的项目中遇到了跨域问题,查了一些资料都比较新,没有比较老的解决方式所以记录一下
背景如下:
后端最老的 aspx
前端 vue3
部署在iis上
1.跨域的处理
点击查看代码
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Headers" value="CONTENT-TYPE,TOKEN" />
<!--<add name="Access-Control-Allow-Methods" value="GET, POST, OPTIONS" />-->
</customHeaders>
</httpProtocol>
2.对于预检请求: OPTIONS的处理
点击查看代码
<handlers>
<!--跨域处理 OPTIONSVerbHandler-->
<remove name="OPTIONSVerbHandler" />
<add name="OPTIONSVerbHandler" path="*" verb="OPTIONS" modules="ProtocolSupportModule" resourceType="Unspecified" requireAccess="None" />
</handlers>
3.请求筛选
我们这边有开启请求筛选所以还需要更改一下请求晒选的配置
点击查看代码
<security>
<requestFiltering allowDoubleEscaping="true">
<!--跨域处理 allowUnlisted = true-->
<verbs allowUnlisted="false">
<add verb="GET" allowed="true" />
<add verb="POST" allowed="true" />
<add verb="HEAD" allowed="true" />
</verbs>
<requestFiltering>
</security>