VUE + vue-cli + webpack 创建新项目(2)

上一篇其实没写完。

好吧这一篇其实也没啥。

就补充一些上一篇没写完的。(随时害怕笔记本丢失的人)

上一篇写玩了登录验证的跳转,这一片首先补充一下接口(?)。

在使用axios的过程中,我们家后台表示你发给我的post请求,我收到的是文本,所以需要你那边new一个formdata。omg,好的,我new。

必然,如果post发送的data内容比较多,那就很苦恼了,所以后来我把data改成了params,太惨了。

这个解决方法胜在方便……我也问过大佬这样会不会不安全,大佬说了,get和post其实都是安全的,只是标准问题,至于有没有别的方法,谁叫你菜。

其实我是很寂寞的……

还有一个要补充的是路径跳转(这个真的很睿智了):

当然开发过程中,使用的是iview插件,用到其中的table的时候,有一个问题。因为后台管理要求宽度高度写死100%,内容设置成下拉,此时就需要table的适应,解决方法是根据屏幕可用高度动态设置table高度(iview规定了超过高度时的滚动是border属性,这个也要记得写):

其中height属性绑定data里的mytableheight,需要初始化一个值:

这是根据公司电脑最小的屏幕尺寸写的比较合适的高度……

 

具体是在mounted钩子里规定,也就是当页面加载啊组件创建完毕,此时去获取屏幕可用高度,减去ref规定为selection的表格距离顶部的高度,再减去个距离底部的高度,就可以动态的设置表格高度了!也不会影响表格的可滚动性!

还有一点需要补充的是,我们的接口域名可能需要去动态获取,比如这次我们后台要求我们获取根路径去填充接口域名,此时应该怎么办呢?

还记得上篇说到过config文件夹下的dev.env.js文件,这个我们配置的是我们开发过程中的域名,那么还有一个prod.env.js,就是用来配置线上的接口域名,那么我们就可以通过设置它来获取根路径了:

这样在打包部署之后,会发现每次请求都会自动获取根路径填充接口域名,question over!

 想想还有啥没记下来的问题……

对了,开发过程中用到es6语法,都忘光了,这个要记得去学!后面想起来再补充吧~

猜你喜欢

转载自www.cnblogs.com/nangras/p/9353407.html