brand-code

背景介绍:第一次使用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等等。还是如下图

分类:

技术点:

相关文章: