首页 > 其他分享 >Vue + Django 使用wangeditor 上传图片 显示跨域报错

Vue + Django 使用wangeditor 上传图片 显示跨域报错

时间:2023-12-22 10:25:20浏览次数:37  
标签:Vue http 跨域 Access instance 报错 editor

报错:

newsDetailed:1  Access to XMLHttpRequest at 'http://www.py32api.com:8000/users/uploadFile/' from origin 'http://localhost:8080' has been blocked by CORS policy: Request header field token is not allowed by Access-Control-Allow-Headers in preflight response.

解决办法:

editor_instance = new WangEditor(editor.value);
// 查看这里设置的请求头
editor_instance.config.uploadImgHeaders = {
                Token: getToken()           // 设置请求头,通过Cookies 二次封装的getToken 函数获取
            }

 

# 在django的setting.py里加上对应的
CORS_ALLOW_HEADERS = (
    'token',
    '...',
)

 

标签:Vue,http,跨域,Access,instance,报错,editor
From: https://www.cnblogs.com/vPYer/p/17920690.html

相关文章

  • VUE 图片识别
    1、安装依赖//安装Element-UInpminstallelement-ui--save//安装ocr和ocrdetnpmi@paddlejs-models/[email protected]@paddlejs-models/[email protected]、完整代码<!--*@Descripttion:图片识别*@version:0.0.1*@Author:PengShuai*@Date......
  • core-js引起的报错
    从git上获取的代码突然运行不起来,报错提示含有[email protected]:core-js@<3.23.3isnolongermaintainedandnotrecommendedforusageduetothenumberofissues.BecauseoftheV8enginewhims,featuredetectioninoldcore-jsversionscouldcause......
  • Vue插件
    功能:用于增强vue本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 定义插件(新建一个plugins.js文件):exportdefault{install(Vue,x,y,z){console.log(x,y,z)//全局过滤器Vue.filter('m......
  • Vue3实现电商放大镜效果
    效果实现:功能拆解:左侧滑块跟随鼠标移动右则大图放大效果实现鼠标移入控制滑块和大图显示隐藏滑块跟随鼠标移动思路:获取到当前的鼠标在盒子内的相对位置(useMouseInElement),控制滑块跟随鼠标移动(left/top)获取鼠标相对位置控制滑块跟随移动有效移动范围内的计算逻辑......
  • vue-quill
    官网:https://vueup.github.io/vue-quill/引入vue-quill当前版本:"@vueup/vue-quill":"^1.2.0"npminstall@vueup/vue-quill@latest全局设置import{QuillEditor}from'@vueup/vue-quill';constapp=createApp(App);app.component(......
  • vue3 + vant4 :form表单中,搭配 Popup 和 Field 实现vant-picker组件,设置默认值及默认选
    环境:vue3,vant4背景:Picker作为用于辅助表单填写,搭配Popup和Field。页面需要给picker设置默认值,city为温州,但是在popup弹出时,picker没有选中温州这个选项,还时停留在杭州。解决方案:看了很多解决方案,设置default-indexset,ColumnIndex。都尝试了,还是不行。而且这些方法,其实在v......
  • 记录--Vue自动生成组件名
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助unplugin-generate-component-name一款用于以文件夹名或者setup标签写入名字来自动生成Vue组件名的插件。项目地址功能......
  • 今日bug之配置项值为中文逗号报错
    启动报错org.springframework.beans.factory.UnsatisfiedDependencyException:Errorcreatingbeanwithname'slymUrlController':Unsatisfieddependencyexpressedthroughfield'qlrlxZjzlDzMap';nestedexceptionisorg.springframework.beans.......
  • vue+element 上传文件及文件夹
    有需求需要做一个上传压缩包及文件夹的需求,记性不好,记录一下。HTML使用的element的upload和form表单,dropdown下拉菜单<div><el-col:span="24"><el-form-itemlabel="材料路径:"prop="fileName"><el-col:span="21&qu......
  • django+vue实现文件夹上传
    最近学django的文件上下传,网上的文件夹上下传压根没有,找了好几个,报错一大堆,没有一个能用,花里胡哨,可气!!!下面这个方法是我刚刚用过的,分享给大家。前端vue非常简单,template部分<inputtype="file"id="twos"webkitdirectory/><el-buttontype="primary"@click="sumfolder">文件夹......