怎么用django+vue实现跨域
发表于:2024-09-25 作者:千家信息网编辑
千家信息网最后更新 2024年09月25日,这篇"怎么用django+vue实现跨域"文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇
千家信息网最后更新 2024年09月25日怎么用django+vue实现跨域1. 安装
2. 修改项目配置文件
3. 前端vue使用
4. 前端vue配置
5. 在
这篇"怎么用django+vue实现跨域"文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇"怎么用django+vue实现跨域"文章吧。
版本
Django 2.2.3
Python 3.8.8
djangorestframework 3.13.1
django-cors-headers 3.11.0
django实现跨域
说明:此处方法为后端解决跨越,即django端解决跨越。
1. 安装 django-cors-headers
库
pip install django-cors-headers
2. 修改项目配置文件 项目/settings.py
...# Application definitionINSTALLED_APPS = [ 'django.contrib.staticfiles', 'corsheaders', # 添加:跨域组件 'rest_framework', # 添加:DRF框架 'home', # 子应用]MIDDLEWARE = [ 'corsheaders.middleware.CorsMiddleware', # 添加:放首行(放其他行未测试) 'django.middleware.security.SecurityMiddleware', ...# CORS组的配置信息CORS_ORIGIN_WHITELIST = ( 'http://127.0.0.1:8080', # 这里需要注意: 1. 必须添加http://否则报错(https未测试) 2. 此地址就是允许跨域的地址,即前端地址)CORS_ALLOW_CREDENTIALS = True # 允许ajax跨域请求时携带cookie
至此django端配置完毕
3. 前端vue使用axios
访问后端django提供的数据接口,安装axios
npm install axios -S
4. 前端vue配置axios
插件,修改src/main.js
...import axios from 'axios'; // 添加: 导入axios包// axios.defaults.withCredentials = true; // 允许ajax发送请求时附带cookieVue.prototype.$axios = axios; // 把对象挂载vue中···
5. 在XX.vue
中跨域请求数据
··· created: function() { // 获取轮播图 this.$axios.get("http://127.0.0.1:8000/book/").then(response => { console.log(response.data) this.banner_list = response.data }).catch(response => { console.log(response) }) // http://127.0.0.1:8000/book/ 这个就是后端django接口···
代码
以上就是关于"怎么用django+vue实现跨域"这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注行业资讯频道。
内容
配置
前端
地址
就是
接口
数据
文章
知识
篇文章
项目
测试
代码
价值
信息
大部分
对象
插件
文件
方法
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
福泉网络安全系统怎么选
魔兽世界服务器 平衡
诚佳网络技术有限公司
我国网络安全人才队伍建设
搜狗企业数据库
鸿蒙系统软件开发问题
百度基木鱼能用自己服务器吗
王者荣耀服务器ip
sap数据库密码忘记
数据库入门pdf下载
单位网络安全整改措施
安徽名优网络技术开发口碑推荐
网上学习网络技术有前途吗
服务器告示牌教学
江苏国武网络技术工程公司
关于网络安全的图片大全无水印
数据库的笛卡尔积
teklaCAM软件开发
乐亭法治和网络安全进校园
软件开发培训报告书
国外服务器厂商
ssci期刊在哪个数据库检索
服务器bios 不可用
国家网络安全技巧
开展网络安全攻防大演练活动
初中网络安全教育教案
齐齐哈尔市软件开发公司
事业编网络技术服务
我的世界服务器空岛流浪商人
怎么查公司服务器被拷贝的记录