坤音女孩的博客

1.在vue中，向后台发送请求，不管是get或post，url要带上userId，headers要带上token值PS：登录成功后，后台会返回token和userId，存储在本地。但是跳转到其他页面时没有token，会报错undefined，所以每次请求都要带上token值。（每次跳页面, 都要获取新路由对应的html页面, 这时候可以用axios的http拦截每次路由跳转, 都先让后台验证一下...

1.登录阿里云服务器–点击控制台–点击左侧栏的对象存储OSS2.点击对象存储OSS–新建Bucket（新建Bucket–填写Bucket名称–选择区域–选择存储类型–选择读写权限）3.点击对象存储OSS–选择刚新建的Bucket–概览–复制Bucket域名发给后台，后台添加子域名4.点击CDN–域名管理–点击后台已添加的域名进行配置：CNAME、类型、地址（Bucket 域名）、回...

1.登录成功后，存储后台返回的token值和userIdPS：把username和password，post请求发送到后台，若username和password正确，后台返回token和userId。若本地存储有token，localStorage.getItem(‘token’)，则路由跳转到index页面，否则跳转到login；若username和password有其一错误，则登录不成功...

1.需要在 Router 的参数中使用 children 配置：PS：登录成功后跳转到action组件，action组件包括多个子组件，渲染左边的导航栏（fixed）和默认渲染index的内容。相当于只有登录和action两个页面2.登录成功后的效果图如下3.路由跳转都是在action/后面...

1.index.js文件PS：route，是一条路由；routes 是一组路由；router 是一个机制，相当于一个管理者，它来管理路由import Vue from 'vue';import Router from 'vue-router';// 要告诉 vue 使用 RouterVue.use(Router)// route是一个对象，多个route组成一个routescon...

1.拦截器分为request请求拦截器和response响应拦截器PS：request请求拦截器：发送请求前统一处理，如：设置请求头headers、应用的版本号、终端类型等。response响应拦截器：有时候我们要根据响应的状态码来进行下一步操作，例如：由于当前的token过期，接口返回401未授权，那我们就要进行重新登录的操作。2.main.js文件中（先安装axios）import ...

1.安装node.js，安装包及源码下载地址（https://nodejs.org/en/download/）。通过【node -v】来检查node.js是否安装成功，若出现版本号即成功2.node.js自带npm，npm其实是Node.js的包管理工具（package manager）。通过【npm -v】来检查npm是否安装成功，若出现版本号即成功3.全局安装vue-cli：npm i...

效果图如下：1.申请百度地图密钥（ak）-- http://lbsyun.baidu.com/index.php?title=jspopular（1）百度地图开放平台–开发文档–web开发–JavaScript API–服务介绍–产品简介–申请密钥（ak）（2）查看应用–创建应用–应用名称、应用类型（vue中使用百度地图需要选择浏览器端，因为浏览器端的启用服务包括Javascript...

1.访问Element官网【组件–Upload上传】<el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card&am

1.页面刷新时，判断URL地址与左边导航栏定位是否相符PS1：window.location.hash返回从井号#开始的地址，例如http://aaa.com/#/action/aboutUs，window.location.hash获取的是#/action/aboutUsPS2：Location对象属性2.刷新页面，定位到相当于的导航栏...

1.三目运算符，:class=" isActive==‘aaa’ ? ‘isActive’ : ‘’ "，@click=“toggle(‘aaa’)”。判断isActive是否等于aaa，等于 -> class=“isActive”，不等 -> class=’ '，点击的时候带上实际的参数2.scr

1.npm 安装chromedriver时出现错误npm ERR! chromedriver@2.43.1 install: node install.js2.进入项目，使用命令：npm install chromedriver --chromedriver_cdnurl=rl=rl=http://cdn.npm.taobao.org/dist/chromedriver安装成功...

1.报错了。。。You may use special comments to disable some warnings.Use // eslint-disable-next-line to ignore the next line.Use /* eslint-disable */ to ignore all warnings in a file.2.在build/webpack.bas...

1.wangEditor —— 轻量级 web 富文本编辑器，配置方便，使用简单。支持 IE10+ 浏览器。下载wangEditor：npm install wangeditor（英文小写）官网：www.wangEditor.com文档：www.kancloud.cn/wangfupeng/wangeditor3/332599源码：github.com/wangfupeng1988/wan...

1.wangEditor —— 轻量级 web 富文本编辑器，配置方便，使用简单。支持 IE10+ 浏览器。官网：www.wangEditor.com文档：www.kancloud.cn/wangfupeng/wangeditor3/332599源码：github.com/wangfupeng1988/wangEditor （欢迎 star）下载wangEditor：npm install...

1.安装elementUI：npm i element-ui -S2.引入elementUI组件（main.js文件中）import Element from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(Element, { size: 'small' })3.访问Element官网【组件–Layo...

1.使用element-ui组件中的el-button时，@click点击无效2.在@click后面加上 .native即可【@click.native】