共计 1006 个字符,预计需要花费 3 分钟才能阅读完成。
项目描述:类似淘宝客服聊天界面和功能,用于用户反馈问题和运营推送优质内容 / 版本更新给用户
1. 弹出输入框的同时自动弹出键盘
解决:让 textarea 获取焦点,调用 focus()方法就会自动调起键盘
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.4
3. 所有接口用 postman 请求一直返回 index.html 页面
解决:注意代码顺序
app.use(‘/api’, fetchUserInfo, apiRoutes) // 接口在 history 的上面
app.use(history()) // 这句代码需要在 express.static 上面
app.use(express.static(path.join(__dirname, ‘../../dist’)))
原因:待
4. 本地调试正确,测试环境异常,发现 new Date()时间比本地早八个小时
原因: 项目因为是用了最新的 vue-cli3 构建,所需要的 node 版本较高,隔离项目放入 docker 中,docker 的默认时区是 UTC,应改为 CST
解决:
// dockerfile
RUN rm /etc/localtime \
&& export DEBIAN_FRONTEND=noninteractive \
&& apt-get install -y tzdata \
&& ln -fs /usr/share/zoneinfo/Asia/Shanghai /etc/localtime
5. 调用 bridge 发送图片信息,交互体验差,低网速环境下,发送失败几率大
现状:等到图片上传到七牛,拿到图片网络地址后再渲染页面和发送消息,期间没有任何提示解决:调用 bridge, 从相册 / 相机选择照片后 –> 客户端返回 base64 的图片信息 –> 把图片消息先渲染到页面上,上面加蒙层 loading–> 等待上传图片的 bridge 方法返回七牛地址,成功拿到则蒙层消失,失败则提示重新发送,点击重新发送,则重新上传图片