小编Abd*_*aff的帖子

Django Vue Js Axios 已被 CORS 政策屏蔽

我使用 Django 作为后端,Vue 作为前端,我使用 axios 从 Vue 向 Django 发出请求。

我知道有很多关于此的问题,我已经尝试了所有方法,如果我没有,我不会发布问题,我已经在谷歌上搜索了大约 4 个小时,但仍然被 cors 政策阻止。 被 cors 政策阻止

我试过了:

  • Django-cors-header 及其中间件

  • Vue-axios-cors,这个出现了新错误

  • 添加标头 Access-Control-Allow-Origin、Access-Control-Allow-Methods、Access-Control-Allow-Headers、Access-Control-Allow-Credentials
  • 在url末尾添加/

当我使用 fiddler 检查它时,POST 请求变成选项,我不知道发生了什么。

main.js

import Axios from 'axios'

Vue.config.productionTip = false

Vue.prototype.$http = Axios

const csrf = localStorage.getItem("csrftoken")

if (csrf){
  Vue.prototype.$http.defaults.headers.common['X-CSRFToken'] = csrf
}

Vue.prototype.$http.defaults.headers.common['Access-Control-Allow-Origin'] = "*"
Vue.prototype.$http.defaults.headers.common['Access-Control-Allow-Methods'] = "GET, POST, PATCH, PUT, DELETE, OPTIONS"
Vue.prototype.$http.defaults.headers.common['Access-Control-Allow-Headers'] = "Origin, X-Requested-With, Content-Type, Accept, X-Auth-Token, access-control-allow-origin, Authorization"
Vue.prototype.$http.defaults.headers.common['Access-Control-Allow-Credentials'] = "true"
Run Code Online (Sandbox Code Playgroud)

登录.vue

login(){

  const header = {
    headers:{
     'Access-Control-Allow-Origin' : "*", …
Run Code Online (Sandbox Code Playgroud)

django cors django-rest-framework vue.js axios

2
推荐指数
1
解决办法
3927
查看次数

标签 统计

axios ×1

cors ×1

django ×1

django-rest-framework ×1

vue.js ×1