时间:2021-05-23
1.跨域原理
1. 首先浏览器安全策略限制js ajax跨域访问服务器
2. 如果服务器返回的头部信息中有当前域:
// 允许 http://localhost:8080 这个网站打开的页面中的js访问我Access-Control-Allow-Origin: http://localhost:8080// 允许携带cookie访问我Access-Control-Allow-Credentials: true那么, 浏览器可以让js 请求该服务器
2.django cors设置:
1. 安装包pip install django-cors-headers2. 注册应用INSTALLED_APPS = [...# 添加 django-cors-headers 使其可以进行 cors 跨域'corsheaders']3. 添加中间件MIDDLEWARE = [# 放在中间件第一个'corsheaders.middleware.CorsMiddleware',...]4. 设置# CORS跨域请求白名单设置CORS_ORIGIN_WHITELIST = ('http://127.0.0.1:8080','http://localhost:8080',)CORS_ALLOW_CREDENTIALS = True # 允许携带cookie3.登录接口测试
3.1 user/usrs.py 中配置路由
urlpatterns = [path('login/', views.login),]3.2 user/views.py 中写一个login视图函数
from django.http import JsonResponseimport jsondef login(request): body_dict = json.loads( request.body ) print(body_dict,8888888) name = body_dict.get('name') pwd = body_dict.get('pwd') if not all([name, pwd]): resp = { "code": 1001, "msg": '信息不全' } return JsonResponse(resp) if name == 'zhangsan' and pwd == '123456': resp = { "code": 0, "msg": '登录成功', "data": { "id": 1, "name": '张三', "age": 18 } } return JsonResponse(resp) return JsonResponse({ "code": 1002, "msg": '验证失败' })3.3 测试接口
1http://192.168.56.100:8888/user/login/
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
前端开发时,请求后台接口经常需要跨域,vue-cli实现跨域请求只需要打开config/index.js,修改如下内容即可。//例如要请求的接口url为http
概述在使用Django+Vue开发过程中,遇到了很多开发环境相关的问题,比如跨域,比如ajax请求参数等,本篇文章主要记录解决在开发过程中,遇到的一些问题。跨域
跨域配置如下,Springboot版本为2.4.1///跨域访问配置@ConfigurationpublicclassCorsConfig{privateCor
vue-cli中可以通过配置proxyTable解决开发环境的跨域问题,具体可以参考这篇文章:Vue-cliproxyTable解决开发环境的跨域问题如果后端接
前言目前前端解决跨域,主要是通过webpack的devServer来配置。但是有时候开发环境中没有配置devServer,后端又没有设置跨域。前后端分离项目,本