一、项目初始化
1、 uniapp ui组件 (uView)
如果采用npm安装方式在 小程序端不生效
1.1 采用插件的形式安装:
第一步:进入uni-app插件市场
第二步:搜索uview
第三步:下载插件并导入HBuilderX中
1.2 配置一下:
步骤:https://uviewui.com/components/downloadSetting.html
2、 请求的二次封装、api解耦、处理跨域问题
2.1 实践:
https://uviewui.com/js/http.html
2.2 总结跨域问题
1. 小程序 没有跨域问题 需要 “不校验url”
但是上线是不行的,必须要在网页后台配置 “request合法域名” 就可以了,并且必须是https开头。
2. 浏览器需要设置代理来解决跨域问题==》类似于vue==〉proxy : server
在根目录新建vue.config.js ===》只在浏览器端生效。
条件编译使用场景:处理跨域问题的时候,浏览器端不走请求的基础url,小程序运行,所以给这里加入条件编译判断。
3、自定义头部
pages.json中pages:
"titleNView": false去掉App、H5的顶部导航栏。
"pages": [
{
"path": "pages/index/index",
"style": {
"app-plus": {
"titleNView": false
}
}
}
],
"navigationStyle": "custom"会把小程序上面的导航栏也去掉。
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationStyle": "custom"
}
}
],