解决vue-django配置问题
  9GXZIsxbhzjg 2023年12月05日 14 0

后端跨域问题

  • django安装
pip install django-cors-headers
  • 添加应用,主应用下的setting
INSTALLED_APPS = [
    ...
    # 跨域
    'corsheaders',
    ...
]
  • 中间件设置
MIDDLEWARE = [
   ...
    # 跨域中间键设置
 'corsheaders.middleware.CorsMiddleware',
	...
]
  • 添加黑白名单(setting最后直接添加以下代码)
# CORS
# 凡是出现在白名单的域名,都可以访问后端接口
CORS_ORIGIN_WHITELIST = (
    'http://127.0.0.1:8080',
    'http://localhost:8080',
    'http://192.168.13.107:8080'
    # 'http:127.0.0.1:8000'
)
# 运行所有用户访问
CORS_ORIGIN_ALLOW_ALL = True
# CORS_ALLOW_CREDENTIALS 之门在跨域访问中,后端是否支持对cookie的支持
CORS_ALLOW_CREDENTIALS = True

前段跨域请求配置

api下的index.js

// axios发送跨域请求时,自动携带cookie信息
axios.defaults.withCredentials = true

前后端交互

src新建api文件夹,

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年12月05日 0

暂无评论

推荐阅读
  anLrwkgbyYZS   2023年12月30日   12   0   0 i++iosi++ioscici
9GXZIsxbhzjg