基於vue和muse-ui打造移動端的聊天webapp

ichat-frontend

ichat
是一款基於muse-ui和vue.js的移動端聊天應用，融合了單聊和群聊等功能.

前端地址：https://github.com/zhengze/ichat-frontend

后端地址：https://github.com/zhengze/ichat-backend

預覽

注冊

登錄

消息

好友

群組

聊天

功能

•  注冊/登錄功能
•  聊天功能
•  查看歷史記錄
•  群聊
•  單聊
•  好友列表
•  群組列表(我創建的群/我加入的群)
•  加好友
•  創建群
•  加入群

依賴包

• vue
• vue-socket.io
• muse-ui
• vue-router
• vuex
• axios

安裝

$npm install

運行

$npm run serve
或者
$npm run development

打包

npm run build

配置

.env.xxx

VUE_APP_BASE_API=http://192.168.1.6:5050
NODE_ENV=development

VUE_APP_BASE_API 后端API NODE_ENV 開發模式

vue.config.js

module.exports = {
  devServer: {
    proxy: {
        '/socket.io': {
          target: 'http://192.168.37.120:5050',
          ws: true,
          changeOrigin: true
        },
        'sockjs-node': {
          target: 'http://192.168.37.120:5050',
          ws: false,
          changeOrigin: true
        },
    }

  }
}

proxy 為代理配置項，修改target為socket server位置
vue.config.js配置詳情請看https://cli.vuejs.org/zh/config/#vue-config-js

聯系方式

qq群:88606218

issues: https://github.com/zhengze/ichat-frontend/issues