uni-App踩坑记录

1、uni自己封装的axios在真机中失效，发不出请求

uniapp中使用axios 需要配置适配器

(添加适配器有点费劲，直接封装uni自带请求也可以)

[axios-adapter-uniapp传送门](https://www.npmjs.com/package/axios-adapter-uniapp) ```

axios.defaults.adapter = function(config) { //自己定义个适配器，用来适配uniapp的语法 return new Promise((resolve, reject) => { console.log(config) var settle = require('axios/lib/core/settle'); var buildURL = require('axios/lib/helpers/buildURL'); uni.request({ method: config.method.toUpperCase(), url: config.baseURL + buildURL(config.url, config.params, config.paramsSerializer), header: config.headers, data: config.data, dataType: config.dataType, responseType: config.responseType, sslVerify: config.sslVerify, complete: function complete(response) { console.log("执行完成：", response) response = { data: response.data, status: response.statusCode, errMsg: response.errMsg, header: response.header, config: config };
settle(resolve, reject, response);
        }
    })
})

} ```

2、进入页面自动聚焦，但不弹出键盘

需求为PDA进入页面自动聚焦，可以触发快捷键扫一扫，uni自带的收起键盘和h5+的不知道为什么会失效，猜测是执行速率的原因

``` stop() {

let interval = setInterval(function() {

                uni.hideKeyboard(); //隐藏软键盘

                console.log('刷新')

            }, 50);

            setTimeout(() => {

                clearInterval(interval);

                console.log('停止刷新')

            }, 1000);

        }

```

3、H5跨域问题

配置manifest.json最为高效便捷

找到manifest.json的源代码视图

"h5" : { "router" : { "mode" : "hash" }, "devServer" : { "port" : "8080",//端口号 "disableHostCheck" : true, "proxy" : { "/api" : { "target" : "请求的url地址前缀",//目标接口域名 "changeOrigin" : true,//是否跨域 "secure" : false, "pathRewrite" : { "^/api" : "" } } } }

意思就是用"/api"代替 baseUrl，baseUrl就是基本url路径的意思。 request.js请求数据的页面中，如果是写的baseUrl都要用“/api”来代替之前的baseUrl地址。

重要：记得请求头的设置要和manifest.json中的代理配置相同(配置完最好重启一下控制台，我被这个问题支配了一个小时) config.baseURL = "/api"

4、H5跨域配置后App调试会有问题

可以简单做下判断 if(process.env.NODE_ENV === 'development'){ //开发环境 // #ifdef H5 config.baseURL = "/api" // #endif // #ifdef APP-PLUS ||MP config.baseURL = "xxxx" // #endif }else{ config.baseURL = "xxxx" }

扩展

官网文档 ```

ifdef ：      if defined  仅在某个平台编译

ifndef ：     if not defined  在除里该平台的其他编译

endif ：      end if 结束条件编译

%PLATFORM%    需要编译的平台，上面的MP就是各个小程序的意思 ```