当前位置:首页 > 天道酬勤 > 正文内容

vue token 登录(vue token)

张世龙2021年12月21日 02:06天道酬勤1000

前后端分开时,后端进行JWT验证,百度UEditor富文编辑器不具有token参数; 必须自定义token并将其添加到HTTP请求标头的“授权”中。 以下进行token的配置。 这里将重点介绍秀米编辑部分。

首先引入u编辑器。 这里@before-init='addCustomButton '是自定义秀米按钮,可以在秀米网站和百度Editor网站上查看构成文档。

UE编辑器- wrap

v -模型=' MSG '

3360配置='编辑器配置'

@before-init='addCustomButton '

/vue-u编辑器- wrap这里的自定义参数ueditorToken将传递给session存储. token或this.$存储. get (' token '的值)。 这两个值可以在登录时生成。 初始化u编辑器配置。

创建()

this .编辑器配置={

autoHeightEnabled: false,//编辑器无法自动为内容提供支持

initialFrameHeight: 600,//初始集装箱高度

initialFrameWidth: '100% ',//初始容器宽度

服务器URL :

'/site/demo/u编辑器',

u编辑器主页: '/u编辑器/',

捕获catchremoteimageenable : true,//远程图像

maximumWords: '100000000 ',

uditortoken :会话存储. token|| this.$存储. get (' token )、

(;

将自定义参数ueditorToken添加到ueditor.config.js中。

//服务器验证token

、ueditorToken: 'token '

配置u编辑器时,请将u编辑器. all.js更改为u编辑器. all.min.js,然后进行修改。 现在修改远程捕获的内容部分,打开ueditor.all.min.js (原ueditor.all.js )进行修改。

在这里输入自定义参数。 请注意右边的行数,只增加红框的一句话。

功能缓存(imgs,调用后台) {

var params=utils.serialize param (me.querycommandvalue ('服务器参数]|',

URL=utils.formaturl (字符操作URL (字符操作URL .索引of (? (==-1? '? 360 ' (参数)、

is jsonp=utils.iscrossdomainurl (URL )、

opt={

方法:后期,

'数据类型' : is jsonp? ' jsonp': '、

' timeout': 60000,//单位:毫秒,回调请求的超时设置。 如果目标用户的网络速度不是很快,建议在此处设置较大的值

“成功”:“成功”,

“错误上”:呼叫后退,

' options': me.options,//这里是附加参数

(;

opt [容器字段名称]=imgs;

请求(网址,选项);

}

最后一部分是在请求后端时添加验证的token

红框的部分是秀米的请求部分,也就是下面的第一个; 二是u编辑器上传图片的请求验证。

if (方法=='后' ) {

xhr.setrequestheader (内容类型、)应用程序/x-www -格式-无符号);

xhr.setrequestheader ('授权',Ajax选项.选项. Ueditortoken );

xhr.send (提交者);

} else {

xhr.setrequestheader ('授权',Ajax选项.选项. Ueditortoken );

xhr.send (空;

}

扫描二维码推送至手机访问。

版权声明:本文由花开半夏のブログ发布,如需转载请注明出处。

本文链接:https://www.zhangshilong.cn/work/26018.html

分享给朋友:

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。