lijiabin102的博客

使用elementUI做项目时，经常会用到他的左右结构的容器，尤其是在后台管理系统的页面，就是他的Container 布局容器，左边是el-aside，里面放的是下拉菜单，经常是el-menu左边的菜单一般是这样的：这样的默认格式有一个很明显的问题，就是当左侧的菜单展开后很长的时候，就会出现下拉条，而这个默认的下拉条是非常丑的，而且当下拉条从无到有出现的时候，他会凭空占据15px的宽，所以右边的内容会忽然向右移动15px，非常难看。比较好的解决办法是使用elementUI自带的下拉条el-scrol

node连接mysql其实很容易，以node中最常用的express为例，怎么创建一个node项目就不谈了，如果这还不知道那需要先去学习一些创建node项目的基础知识：先安装：npm i express–save ,npm i mysql --save然后调用并使用，如下：const express=require(‘express’)const mysql=require(‘mysql’)const app=express()const port =process.env.port||3000

在左右弹性布局的网页里，当网页的高度发生变化时，浏览器右侧的滚动条会出现，出现和消失的时候，会使得整个页面向左右发生细微的移动，非常的不舒服，此时使用el-scrollbar可以有效解决这个问题。先在全局css里将整个网站的body里设置overflow: hidden;这样浏览器默认的右侧滚动条就不会再出现，也可以只设置overflow-y: hidden;因为网页宽度不够用是很少见的。然后在最外层主body或主vue页面中使用el-scrollbar，将页面其他元素包进去：在class中写入：

在vue前端设置跨域时，有时会需要设置两个跨域，因为后台接口是2个不一样的ip或端口那么此时要注意，这两个跨域名称要设置成不重合的比如：请不要设置成这样：因为后面的名称的起始处包含了前面那个名称，会导致先匹配到前面去，整个后面那个设置就乱了，因为这是正则匹配。...

如果不设置跨域，在浏览器跨域请求接口的时候，如果不是基本请求（get,post,delete），或者请求时带了自定义header，比如token所在的Authorization，浏览器就会先发一个options请求去试探后台接口，如果确定没有问题，才会把真正的请求发过去。如果后台没有开放options的请求通过，就会出现跨域不通过的问题。在vue前端设置跨域可以解决这个问题target就是实际要访问的接口的域名changOrigin: true,就是设置跨域/api的意思是，他代替了target

解决方法：1： publicPath 不要写成相对路径’./’ 要写成绝对路径 ‘/’2：修改重叠的路由名称这种问题普遍发生在路由中有重叠名称的路由的情况比如一个页面的路由是/admin，另两页面个是他的子页面路由叫/admin/news，和/admin/action，这样的话，如果设置publicPath是’./’，那两个就不能正常跳转，就会出错而且无论是开发模式还是发布模式，都会出错。如果没有重叠名称的路由，比如另两个叫/news和/action，那么设成./也不会有问题。...