首页 > 其他分享 >vue.js客服系统实时聊天项目开发(十)过滤xss字符内容-防止xss攻击

vue.js客服系统实时聊天项目开发(十)过滤xss字符内容-防止xss攻击

时间:2023-01-29 21:44:19浏览次数:43  
标签:xss vue 字符 js 过滤 message

我们在发送消息给用户的时候,都要进行过滤xss字符,xss是跨站脚本攻击,实质上就是发送了html或js代码,现在我们在vue项目中对内容进行一下过滤

在vue中安装如下:

npm install xss

这样就在依赖里安装好了

直接在需要使用的页面

import xss from 'xss'

然后使用

                let message=xss(this.visitor.message);
                console.log(message);    

过滤效果

 

标签:xss,vue,字符,js,过滤,message
From: https://www.cnblogs.com/taoshihan/p/17073911.html

相关文章

  • vue3语法糖+ts组件传值
    在开发中有些功能是通用的,而且逻辑大致相同,像这种东西可以封成一个组件,比较常用的就是函数封装,组件封装,组件封装是需要引入到页面使用的,所以通常它会有一些自己的方法,父子......
  • JS基础知识
    1.简单数据类型  1.1字符串型String   1.1.1字符串长度        1.1.2字符串拼接            1.1.3字符串拼接加强 ......
  • Java后台如何接收与处理JSON类型数据
    项目开发中偶尔会使用到某个为JSON类型的字段,一个字段中又包含多个其他的字段。这种设计方式是根据实际需要来进行处理的,比如规则可能包含多条,每一条规则又包含多个......
  • js 把字符串转成json对象的三种方法
    转自:js将字符串转换成json的三种方式不管字符串是否含有转义字符,都能转换成Json对象1,js自带的eval函数,其中需要添加小括号eval('('+str+')');functionstrToJson(st......
  • Allen vue项目课day1_vue基础
    html讲义css讲义js讲义vue讲义去学。其他什么也不用管。就是脚踏实地,知识一个一个学。怎么挣到钱=怎么学会技术=怎么把成绩学好=怎么把一个又一个题目做出来。脚踏实......
  • Vue+axios+Servlet上传并显示图片
    做了和重写summernote插入图片的回调函数并上传图片到服务器一样的事,但是servlet简介:summernote点击上传(或粘贴)图片,前端用axios以multipart/form-data的形式传到后端,servl......
  • vue3和百度地图关键字检索 定位 点击定位
    效果图在index.html中引入百度地图开放平台  去申请你的ak非常的简单可以自己百度一下<!--这个用官网给的有好多警告更具百度的把https://api.map.baidu.com......
  • vue单行文本溢出裁切省略号鼠标移入展示详细信息的功能
    近期开发,遇到了个需求,要求内容超长时,不换行溢出裁切,显示省略号,鼠标移入时能看到他的详细信息需求够简单,但如何判断内容是否有溢出裁切过,确成了知识盲点了经百度调研,发现,......
  • vue中多行(单行)文本溢出才会出现提示的自定义指令
     //以下代码可以直接粘贴进自己的`.vue`文件中查看效果<template><divclass="parent"><h3>标题</h3><divclass="child"v-ellipsis="3">{{msg......
  • NodeJS 实战系列:如何设计 try catch
    本文将通过一个NodeJS程序里无效的错误捕获示例,来讲解错误捕获里常见的陷阱。错误捕获不是凭感觉添加trycatch语句,它的首要目的是提供有效的错误排查信息,只有精心设计......