Vue Node 学习(1)

最近在写 vue node 然后遇到了许多的问题记录一下

1.关于跨域问题,这吊东西真麻烦试了千百遍。

app.all('*', (req, res, next) => {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  res.header("Access-Control-Allow-  Methods","PUT,POST,GET,DELETE,OPTIONS");
/*下面这一步很关键,当浏览器识别到是复杂请求例如图片上传,json就会先发送一个option请求来看看服务器是否允许这个请求,所以在服务端需要让option请求直接返回200,这样浏览器才会继续发送真正的请求*/
  if (req.method.toLowerCase() == 'options'){
   res.send(200); //让options尝试请求快速结束
   } else{
     next();
   }
  next();
});

2.Eleme UI 上传文件

他自带的上传功能有点难搞懂,可以通过http-request重写他的上传功能

3.关于数据库mysql id自增问题

当我们删除一条数据后例如id为3,那么之后添加就会从4开始添加,这就很蛋疼,这里给的方法就是对id重新排序

//删除原有主键
ALTER TABLE table_name DROP id;
//2,添加新主键字段:
ALTER TABLE table_name ADD id mediumint( 8 ) NOT NULL FIRST;
//3,设置新主键:
ALTER TABLE table_name MODIFY COLUMN id MEDIUMINT( 8 ) NOT NULL AUTO_INCREMENT,ADD PRIMARY KEY(id);
//mediumint(8)为数据类型

4.子传父,父传子 ref属性

正常子组件接受父组件属性,需要props来接收。

现在可以用父节点的$ref直接来获取子组件的属性,也可以使用子组件的方法来传值。

例如现在有一个子组件mycom的data中有一个 name:'zhangsan'

父组件就可以通过$ref.myhi.name,直接获得zhangsan

//子组件
<mycom ref='myhi'></mycom>
//父组件 this指vue实例对象
this.$refs.myhi.name //张三
1 0