三维家设计官网/深圳网站优化公司
1、uni自己封装的axios在真机中失效，发不出请求
uniapp中使用axios 需要配置适配器
(添加适配器有点费劲，直接封装uni自带请求也可以)
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就是各个小程序的意思
5、如何在HTML结构中使用moment
解决办法就是在data或者methods里面写个moment属性（方法）
但是为什么将moment在data或者methods里面声明一下就可以使用了呢？原因是在vue的生命周期里面，在created阶段，组件的data和methods都已经被初始化好了，而template里面的内容是在created后才进行编译的，所以才能够使用到moment的方法。