IIS + Axios 跨域设置

1、服务器端设置IIS (web.config) 即可,不需要对django settings.py做配置(python manage.py runserver 才需要settings.py配置跨域,IIS在iis上配)

网站根目录的web.config中加上这段:

XML 复制代码
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Headers" value="Content-Type, Authorization"/>
</customHeaders>
</httpProtocol>

前端:

1、删除 axios.defaults.withCredentials=true 或改为 axios.defaults.withCredentials=false

2、设置 axios.defaults.baseURL = 'http://127.0.0.1:83'

若要允许携带cookie则:

1、后端不能用*了,改为<add name="Access-Control-Allow-Origin" value="http://127.0.0.1:83" />

2、后端增加:<add name="Access-Control-Allow-Credentials" value="true" />

3、前端设置:axios.defaults.withCredentials=true

参考信息:

  • Access-Control-Allow-Credentials

该字段可选。它的值是一个布尔值,表示是否允许发送Cookie。默认情况下,不发送Cookie,即false。如果对服务器有特殊要求的请求,比如请求方法是PUT或DELETE,或者Content-Type字段的类型是application/json,这个值只能设为true。

  • Access-Control-Max-Age

该字段可选,用来指定本次预检请求的有效期,单位为秒。在有效期间,不用发出另一条预检请求。

注意:

如果在开发中,发现每次发起的请求都是两条,一次OPTIONS,一次正常请求。注意是每次,那么就需要配置Access-Control-Max-Age,避免每次都发出预检请求。

相关推荐
FreeBuf_16 分钟前
AWS服务大规模中断,基础设施故障影响全球企业
网络·数据库·aws
TG_yunshuguoji17 分钟前
亚马逊云代理:AWS的EC2, S3, RDS,Lambda具体简介
服务器·云计算·aws
NineData17 分钟前
NineData 数据库 DevOps 新增支持 PolarDB-X
数据库·devops·数据库管理工具·ninedata·polardb-x·sql审核·sql管理工具
533_17 分钟前
[element-ui] el-tree 组件鼠标双击事件
前端·javascript·vue.js
王道长服务器 | 亚马逊云21 分钟前
AWS CloudFormation —— 自动化部署的“云中脚本大师”
运维·服务器·网络·自动化·云计算·aws
christine-rr28 分钟前
MySQL数据库管理、DDL、DQL、DML、DCL等总结
linux·数据库·mysql
观望过往31 分钟前
非关系型数据库(NoSQL)学习指南:从入门到实战
数据库·nosql
Tom Ma.40 分钟前
使用腾讯云云开发(CloudBase)的云函数,删除云存储中指定目录下的过期文件
前端·javascript·腾讯云
Quz1 小时前
QML TableView:基于SQLite实现增删改查
数据库·qt·sqlite
Hilaku1 小时前
技术、业务、管理:一个30岁前端的十字路口
前端·javascript·面试