共计 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 方法返回七牛地址，成功拿到则蒙层消失，失败则提示重新发送，点击重新发送，则重新上传图片
