跨域CORS的设置

╰+哭是因爲堅強的太久メ 2022-05-12 08:46 587阅读 0赞

# 设置前后端域名 #

**原因:**

前后端分离时，用户进行页面访问是直接访问的前端服务器， 前端服务器完成所有页面的跳转。前端需要数据时，发送ajax请求，后端处理后，提供数据服务。

#### 1.设置hosts文件 ####

编辑`/etc/hosts`文件，可以设置本地域名

sudo vim /etc/hosts

在文件中增加两条信息

127.0.0.1   api.meiduo.site
    127.0.0.1   www.meiduo.site

#### 2.创建host.js文件，为前端保存后端域名 ####

在前端front\_end\_pc/js目录中

var host = 'http://api.meiduo.site:8000';

#### 3.修改settings配置 ####

在ALLOWED\_HOSTS，增加可以访问后端的域名

ALLOWED_HOSTS = ['api.meiduo.site', '127.0.0.1', 'localhost', 'www.meiduo.site']

# 为后端添加跨域CORS访问的支持 #

#### 4.安装 ####

pip install django-cors-headers

#### 5.添加应用 ####

INSTALLED_APPS = (
        ...
        'corsheaders',
        ...
    )

#### 6.中间件设置 ####

MIDDLEWARE = [
        'corsheaders.middleware.CorsMiddleware',
        ...
    ]

#### 7.添加白名单 ####

# CORS
    CORS_ORIGIN_WHITELIST = (
        '127.0.0.1:8080',
        'localhost:8080',
        'www.meiduo.site:8080',
        'api.meiduo.site:8000'
    )
    CORS_ALLOW_CREDENTIALS = True  # 允许携带cookie

*  凡是出现在白名单中的域名，都可以访问后端接口
 *  CORS\_ALLOW\_CREDENTIALS 指明在跨域访问中，后端是否支持对cookie的操作。

发表评论取消回复

表情：

评论列表（有 0 条评论，587人围观）

还没有评论，来说两句吧...

相关阅读

相关 12：CORS跨域设置-Java Spring

目录 12.1 CORS介绍 12.2 CORS原理 12.3 CORS实现 12.1 CORS介绍 CORS跨域资源共享（Cross-orig

布满荆棘的人生/ 2024年04月03日 09:25/ 0 赞/ 54 阅读

相关 cors跨域(cors跨域详解)

Michalecors手表怎么？Michalecors手表怎么样 Michael Kors在80年代保持着低调，尽管有一批忠诚客人的大力支持，但他并没有跃到Donna和C

青旅半醒/ 2023年09月26日 13:13/ 0 赞/ 199 阅读

相关跨域访问－－CORS

MDN 跨域讲解（英文） [https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS][https_developer.mo

￡神魔★判官ぃ/ 2022年06月13日 05:43/ 0 赞/ 277 阅读

相关 CORS跨域说明

在现代浏览器上写ajax请求主要是依赖于XMLHttpRequest对象解决ajax请求同源策略办法 1.利用flash进行交互 2.同源下假设代理服务器 3.JSO

迈不过友情╰/ 2022年06月07日 13:46/ 0 赞/ 231 阅读

相关 cors支持跨域

<dependency> <groupId>com.thetransactioncompany</groupId> <artifactId>

一时失言乱红尘/ 2022年06月02日 08:46/ 0 赞/ 516 阅读

相关 CORS跨域解决

web.xml  <filter> <!-- The CORS filter with parameters

绝地灬酷狼/ 2022年06月01日 04:05/ 0 赞/ 353 阅读

相关跨域CORS的设置

设置前后端域名原因: 前后端分离时，用户进行页面访问是直接访问的前端服务器，前端服务器完成所有页面的跳转。前端需要数据时，发送ajax请求，后端处理后，提供数据服务

╰+哭是因爲堅強的太久メ/ 2022年05月12日 08:46/ 0 赞/ 588 阅读

相关 JSONP跨域和CORS跨域

什么是跨域？跨域：指的是浏览器不能执行其它网站的脚本，它是由浏览器的同源策略造成的，是浏览器的安全限制！同源策略同源策略：域名、协议、端口均相同。浏览器

喜欢ヅ旅行/ 2022年02月04日 11:27/ 0 赞/ 433 阅读

相关跨域CORS

一、前言 -------------------- 跨域问题是我们经常遇到的问题，在涉及不同域名下应用访问时，便出现了跨域问题。最近在做项目也遇到了许多跨域问题，跨

曾经终败给现在/ 2021年09月18日 09:54/ 0 赞/ 514 阅读

相关 cors跨域设置

import org.springframework.context.annotation.Bean; import org.springframework.c

比眉伴天荒/ 2021年07月26日 20:36/ 0 赞/ 530 阅读