最近换了个负责网络安全的leader，整个部门开始网络安全整顿，我们负责WEB的接到通知要求防御CSRF攻击，设置referer白名单。之前看过一点referer相关的，但是了解不够深入，趁这次机会好好了解了一下。1. 什么是 RefererReferer 是 HTTP 请求头的一个字段，当浏览器（或者模拟浏览器行为）向服务器发送请求时，浏览器会自动在请求头中加上 Referer 字段，表示的意思

项目中用到了vxe-table，昨天在用的时候遇到了一些问题，这里总结一下。prop和label弃用项目中有这样一段代码：<vxe-tableref="xTable"border:data="tableData"@toggle-row-expand="toggleExpandChangeEvent"><vxe-table-column prop="name" label="姓名"

项目中有一个download接口，这个接口直接返回二进制文件流。之前如果下载文件，一般后端传一个加密串过来，然后前端进行解密，拼接成URL再去下载。现在等于直接把文件发给前端，这种情况下怎么下载文件？问了下同事，他们也没遇到过这种情况，好在网上有不少资料可以参考。下面先给出解决问题的思路，最后再给链接。二进制流接收首先需要接收后端传过来的二进制流。默认情况下axios不会处理二进制数据，即请求可以

前言【云效】企业级一站式DevOps平台，源于阿里巴巴先进的研发理念和工程实践，致力于成为数字企业的研发效能引擎！云效提供从“需求→开发→测试-→发布→运维→运营”端到端的协同服务和研发工具，支持公共云、专有云和混合云多种部署形态，通过人工智能、自动化技术的应用提升开发者的研发效能，持续交付有效价值。网址：https://www.aliyun.com/product/yunxiao现在云效平台正在

项目中遇到很多父子组件嵌套的场景，比如父组件中有一些概览信息，子组件中是详情数据，例如表格。数据由父组件通过xhr请求获取，然后传参给子组件，在子组件中通过props接收，然后通过监听props的变化，将该值传给data。在很多业务场景中，子组件的详情数据都需要支持编辑操作，编辑操作通常是做两件事，一个是通过接口向后端发送更新的数据，二是更新组件的data，以更新视图。但是如果只更新子组件自己的d

在运行一个vue项目的时候，一直提示编译失败Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No “exports” main resolved in@babel/helper-compilation-targets/package.json我的项目是从仓库克隆到本地的，配置根本没动过，但是在同事那边是可以跑的。SolutionThis is a regression

很多同学对 Vue 的第一印象就是“响应式”、“双向绑定”等特性，而 v-model 就是实现双向绑定的语法糖，用过 Vue 的小伙伴一定都非常熟悉。但是在 Vue3 中，v-model 发生了一些改动，使得它不再兼容 Vue2 的用法，具体是什么呢，我们一起来看看。非兼容：用于自定义组件时，v-model prop 和事件默认名称已更改：prop：value -> modelValue；事

如果想在一个组件中覆盖插件的样式，就需要用到样式穿透。发现问题：组件无法覆盖插件的样式如下所示，下面是一个分页器插件，默认的颜色是蓝色，定义在.swiper-pagination-bullet-active中。如果想要覆盖插件默认的样式，在组件中直接设置样式是不会生效的。这是因为组件自己的样式出现在前面，而插件的样式会从后面进来。如图所示，可以看到head标签中有多个style，组件样式定义在最上

Vue3.0 已经发布一段时间了，特别是还发布了一个打包构建工具 Vite，据说是可以干掉 webpack 的，趁这段时间有空，本人也体验了一下。想使用 Vue3.0 不一定要用 Vite，vue-cli 也可以构建。$ npm install -g @vue/cli确保已经升级到最新的版本：$ npm update -g @vue/cli$ vue --version然后创建项目：$ vue c

项目中有一个需求，搜索框需要根据页面宽度动态变化，例如宽度小于等于1280时搜索框的宽度为280px，大于1920时宽度为360px，在1280和1920之间则根据比例缩放。由于页面是flex布局，并且靠两端对齐的，所以min-width和max-width基本上是排不上用场了。当时首先想到的是媒体查询，但是媒体查询不能实现按比例缩放的效果。后来想到通过JS获取页面宽度，然后根据宽度来判断搜索框应