06 2020 档案

vue axios 接口请求封装优化
摘要：vue axios 接口请求封装 主要区别是增加xhr.js 管理接口 一、封装文件 src/utils/request.js import axios from "axios";import { getToken } from "@u/auth"; /**... 阅读全文
posted @ 2020-06-29 16:34 dearyang 阅读(37) 评论(0) 推荐(0)
element 日期选择器 只能选择今天之前或选择今天之后的日期
摘要：一、只能选择今天之前的日期 pickerOptions: { disabledDate(time) { return time.getTime() > Date.now(); },}, 二、只能选择今天之后的日期 picke... 阅读全文
posted @ 2020-06-26 20:02 dearyang 阅读(83) 评论(0) 推荐(0)
vue 项目环境变量设置
摘要：一、.env.development 开发环境 # 开发环境# 环境标志ENV = 'development'# 基础APIVUE_APP_BASE_API = '/api'VUE_CLI_BABEL_TRANSPILE_MODULES = true 开发环... 阅读全文
posted @ 2020-06-26 09:41 dearyang 阅读(36) 评论(0) 推荐(0)
vue+axios+el-upload http-request 文件上传
摘要：vue axios 接口请求封装 一、接口文件 src/api/file.js import request from "@u/request";/** * 文件上传 * @param data {Object} formData对象 "file" * @re... 阅读全文
posted @ 2020-06-26 09:25 dearyang 阅读(262) 评论(0) 推荐(0)
vue axios 接口请求封装
摘要：一、封装文件 src/utils/request.js 环境变量 base 接口地址设置 vue 项目环境变量设置 import axios from "axios";import { getToken } from "@u/auth";/** * 创建 a... 阅读全文
posted @ 2020-06-26 09:08 dearyang 阅读(30) 评论(0) 推荐(0)
vue 判断数据是否为空
摘要：数据是否为空 1.数组为空 this.arr == undefined || this.arr.length 0 3.对象判断 JSON.stringify(this.obj) === "{}" 阅读全文
posted @ 2020-06-25 20:12 dearyang 阅读(402) 评论(0) 推荐(0)
element select 当前选中的数据对象
摘要：el-select value/v-model 绑定值为对象类型时必填 value-key 作为 value 唯一标识的键名 阅读全文
posted @ 2020-06-25 14:17 dearyang 阅读(24) 评论(0) 推荐(0)
vue axios 请求GET，POST方式，都会首先有一个OPTIONS请求
摘要：一、OPTIONS请求产生原因 Preflighted 请求与简单请求不同，Preflighted 请求首先会向服务器发送一个Options请求，以验证是否对指定服务有访问权限，之后再发送实际的请求。Preflighted 请求具有以下特点： 1. 除GET、... 阅读全文
posted @ 2020-06-25 14:00 dearyang 阅读(73) 评论(0) 推荐(0)
target=_blank 在新标签页打开页面安全问题解决
摘要：一、原生JavaScript解决 function openUrl(url) { const newTab = window.open(); newTab.opener = null; newTab.location = url;} 二、a标签 rel=... 阅读全文
posted @ 2020-06-19 09:11 dearyang 阅读(50) 评论(0) 推荐(0)
axios 获取响应头 开发环境和生产环境不一致问题
摘要：一、axios 响应拦截器获取响应头 axios.interceptors.response.use( (res) => { const { config, data, headers, status } = res; console.log( ... 阅读全文
posted @ 2020-06-18 14:45 dearyang 阅读(117) 评论(0) 推荐(0)
node-sass 下载慢，安装失败解决方法
摘要：使用淘宝npm镜像 一、node-sass使用淘宝npm镜像 npm config set sass_binary_site http://npm.taobao.org/mirrors/node-sass/ 二、或者通过 .npmrc 设置，.npmrc 位置... 阅读全文
posted @ 2020-06-12 17:48 dearyang 阅读(43) 评论(0) 推荐(0)
element build 打包之后生产环境图标偶尔乱码
摘要：如果您使用 @vue/cli，dart-sass 创建的项目，则会存在图标偶尔乱码的问题 解决方法：使用node-sass打包方式 一、卸载dart-sass npm uninstall sass 二、安装node-sass node-sass 下载慢，安装... 阅读全文
posted @ 2020-06-12 17:29 dearyang 阅读(15) 评论(0) 推荐(0)
Window10 开启卓越性能模式
摘要：一、 右击开始菜单打开 Windows Powershell(管理员) 二、输入powercfg 命令，回车 powercfg -duplicatescheme e9a42b02-d5df-448d-aa00-03f14749eb61 三、 打开 控制面... 阅读全文
posted @ 2020-06-11 14:48 dearyang 阅读(49) 评论(0) 推荐(0)
WebStorm + Chrome 调试 Vue 项目
摘要：一、安装Chrome插件 JetBrains IDE Support 二、设置插件监听端口和WebStorm Debugger端口一致 JetBrains IDE Support 端口 File --> Settings --> Build,Executio... 阅读全文
posted @ 2020-06-04 14:51 dearyang 阅读(64) 评论(0) 推荐(0)
Vuex Module 使用其他模块属性值和方法
摘要：Vuex Module 模块化使用 login、user模块详情请看上文↑↑↑ 在 login 的 actions 里, 需要用 user 的 state users state 是当前模块的 state, 而 rootState 是根 state, cons... 阅读全文
posted @ 2020-06-02 18:59 dearyang 阅读(26) 评论(0) 推荐(0)
Vuex Module 模块化使用
摘要：由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。 为了解决以上问题，Vuex 允许我们将 store 分割成模块（module）。每个模块拥有自己的 state、mutation、acti... 阅读全文
posted @ 2020-06-02 18:31 dearyang 阅读(17) 评论(0) 推荐(0)