项目描述:类似淘宝客服聊天界面和功能,用于用户反馈和操作,向用户推送优质内容/版本更新1.输入框弹出时,键盘自动弹出。自动调出键盘this.$nextTick(()=>{this.$refs.textarea.focus()})要点:1.代码顺序,这行代码必须显示在设置输入框(this.showComment=true)然后执行2.vue@2.5.11这里在ios的时候键盘不会自动抬起,改成vue@2.4.4可以抬起。官方有issue,但是没有写解决方案。2.将vue版本降为@2.4.4后,再次运行报错,构建项目报错解决方法:vue版本要与vue-template-compiler版本一致,一起降为2.4.43.所有接口都通过postman请求返回到index.html页面。解决方法:注意代码顺序app.use('/api',fetchUserInfo,apiRoutes)//接口在history上面app.use(history())//这段代码需要在express.staticapp.use上面(express.static(path.join(__dirname,'../../dist')))原因:4、本地调试无误,测试环境异常,发现newDate()比本地早八小时原因:项目使用最新的vue-cli3构建,要求node版本较高,隔离项目放在docker中,docker默认时区是UTC,应该改成CST解决://dockerfileRUNrm/etc/localtime\&&exportDEBIAN_FRONTEND=noninteractive\&&apt-getinstall-ytzdata\&&ln-fs/usr/share/zoneinfo/Asia/Shanghai/etc/localtime5.调用网桥发送图片信息,交互体验差,在低网速环境下,发送失败概率高。目前情况:等到图片上传了到七牛,获取图片的网络地址,然后渲染页面,发送消息。没有提示解决:调用桥接,从相册/相机选择照片后-->客户端返回base64图片信息-->先在页面渲染图片消息,并在其上加一层加载-->等待上传图片的桥接方法返回七牛地址,成功获取到遮罩层消失,如果失败会提示重新发送,点击重新发送,然后重新上传图片
