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,避免每次都发出预检请求。

相关推荐
成都古河云18 分钟前
构建智慧城市:数字孪生技术的发展之路
大数据·数据库·人工智能·生活·智慧城市·运维开发
yqcoder24 分钟前
vite-plugin-electron 库作用
服务器·前端·electron
wwwlyj12332126 分钟前
linux物理内存管理:node,zone,page
linux·运维·服务器
reduceanxiety1 小时前
操作系统--进程
linux·运维·服务器
圈圈的熊1 小时前
vue2 和 vue3的区别
前端·javascript·vue.js
BillKu2 小时前
mysql 配置文件 my.cnf 增加 lower_case_table_names = 1 服务启动不了
数据库·mysql
可涵不会debug2 小时前
【计网】基于TCP协议的Echo Server程序实现与多版本测试
运维·服务器·开发语言·网络协议·tcp
一个散步者的梦2 小时前
SQL中的内连接(inner join)、外连接(left|right join、full join)以及on关键字中涉及分区筛选、null解释
数据库·sql
是阿建吖!2 小时前
【Linux】冯诺依曼体系结构
linux·运维·服务器
果壳里的世界3 小时前
斑马打印机如何与工业系统(如MES、ERP、数据库等)自动化通讯?
运维·数据库·自动化