背景介绍:第一次使用uni-app开发项目,所以选择了平台推荐的编辑工具HBuilder X来开发。前端UI框架选择的uview。
PS;这篇文章依然是作为项目开发的总结文章。都是在项目的实际开发中遇到的问题及自己的解决思路方法,都很实用的。
1、框架搭建:
打开HBuilder X 文件 -> 新建 ->项目,选择uview模板,之后工具就会为我们引入uView的相关组件及配置文件。
2、代理设置
现在都是前后端分离,那就避免不了跨域的问题,前端流行的解决也是我常用的就是在开发阶段设置代理,这个需要后台同学帮助的。我这里只介绍前端相关配置了。
打开mainfest.json,点击源码视图,找到H5配置,在devServe中填写proxy配置,具体看下图,大部分项目都不会放在服务器根目录的,所以都需要设置服务根部门,我们的是放在mnblm文件夹下,所以在proxy中就要设置/mnblm/api(由于开发和测试环境有关,所以需要加上api,可根据实际项目配置)。target就是代理地址了,问后台要就可以。
参考链接:https://www.jianshu.com/p/8cb6efb9f628
之后就是api的设置了,也来个图片吧,更直观些。这样配置之后,如果没有特殊需要基本上就不需要配置baseurl了。
3、请求拦截
只要在common->http.interceptor.js中作相应的设置就可以,添加token,userId等等。还是如下图