vue 请求拦截器 ios 设置 header 不成功
现在从cookie 中取 token... ...阅读全文
vue Element 中 el-upload 上传组件中使用自定义上传方法 http-request
关于： 饿了吗 el-upload 组件http-request 参数可以覆盖默认的上传行为，可以调用自己定义的js事件注意点：action="" 但不可以省略http-request 必须以param为参数（ele上面没写）通过 param.file 取得文件api 要增加头 'content-Type': 'multipart/form-data'示例：前端：需要新建 formdata 对象template部分<el-upload class="avatar-uploader" ... ...阅读全文
vue cli3 配置了代理跨域无效的解决 proxy 和 baseurl 冲突
不要设置axios的baseUrl， 否则 proxy 不生效，影响解决跨域问题就是这个玩意，在 ENV 中 VUE_APP_BASE_API 设置的，在server 中引用的 ： axios.defaults.baseURL = "http://cct.app.xxxxxxxx.top/";然后就可以了下面介绍一哈如何在vue cli3 中设定代理：与main.js同级新建一个vue.config.js的文件module.exports = { devServer: { &... ...阅读全文
webstorm 设置 vue 开发环境
首先要 初始化一个 vue 项目 然后用 webstorm 打开下载 webstorm 地址： https://www.jetbrains.com/webstorm/download/other.html1. 基础设置 node 配置设置 webstorm 使用 指定的 node 版本（适用电脑上安装多个node）默认使用 path 设置的那个3. 其他设置指定 terminal； 默认 powershell，这里改成 gitbashtypo in word 拼写检查还可以取消：typo in word（变量名不是单词的时候会有波浪）默认调用函数用显示 参数名字， 不太喜... ...阅读全文
set cookie 的 domain 详解 一定条件可以实现 共享 cookie
出于对浏览器cookie的保护，cookie无法设置除当前域名或者其父域名之外的其他domain.，也就是cookie无法跨域设置。1. 在 setcookie 中省略 domain 参数，那么 domain 默认为 当前域名。2. domain参数可以设置父域名以及自身，但不能设置其它域名，包括子域名，否则 cookie 不起作用。cookie 的作用域 : domain本身以及domain下的所有子域名。1. cookie 实验证明假入有如下域名：zydya.comblog.zyday.comone.blog.zyday.coma. 在 zyday.com 域名下设置 cookie总结：当... ...阅读全文
403跨域错误 CORS 解决汇总 No 'Access-Control-Allow-Origin' header is present on the requested resource
CORS：全称"跨域资源共享"（Cross-origin resource sharing）。跨域是由浏览器同源策略引起的，是指页面请求的接口地址，必须与页面的 url 地址（即请求接口的 页面 url）处于同域上（即域名，端口，协议相同）。这是为了防止某域名下的接口被其他域名下的网页非法调用，是浏览器对 JavaScript 施加的安全限制。所谓同源是指"协议+域名+端口"三者相同，如果缺少了同源策略，浏览器很容易受到 XSS、CSFR 等攻击。这里就只讲常见的几种解决防法。无浏览器参与的，不存在跨域问题！跨域解决方案1、 通过 jsonp 跨域2、 ... ...阅读全文
css 实现输入框错误 晃动效果
网上去找个晃动的样式 放到我们 login的 css 文件 style.scss 中:.shake { animation: shake 800ms ease-in-out; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } ... ...阅读全文
CSS 之 position 相对定位元素 absolute ，relative，fix 等
position 属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位：绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它的正常默认位置进行偏移。static 为 默认值1. relative 演示relative 是相对于 正常位置的 偏移。它并不影响附近的元素。<html> <head> <style type="text/css"> * { padding... ...阅读全文
input 输入框 在自动填充时 背景颜色问题
Chrome 浏览器下 form 表单，点击 input 输入框选择输入记录自动填充时，输入框背景颜色会改变，这是 chrome 浏览器内置的表单自动填充背景颜色功能。解决方法input:-internal-autofill-previewed, input:-internal-autofill-selected { // 自动填充时的字体颜色 -webkit-text-fill-color: #fff; // ... ...阅读全文
vue 中 style scope 深度访问方式汇总 (::v-deep)
我们的 vue 组件中 style 有 scope 属性<style scoped> </style>作用功能：实现组件样式的私有化，样式不对全局造成样式污染，表示当前 style 属性只属于当前模块组件实现原理：添加 scoped属性 的组件，为了达到不污染全局，做了如下处理：给 HTML 的 DOM 节点加一个不重复属性 data-v-xxxxxxx 唯一性标志在添加scoped属性的组件的每个样式选择器后添加一个等同与“不重复属性”相同的字段，实现类似于“作用域”的作用，不影响全局如果组件内部还有组件，只会给最外层的组件里的标签加上唯一属性字段，不影响... ...阅读全文