/ichat-frontend

ichat frontend

Primary LanguageVueMIT LicenseMIT

ichat-frontend

ichat
是一款基于muse-ui和vue.js的移动端聊天应用，融合了单聊和群聊等功能.

预览

注册

xxxxx

登录

xxxxx

消息

xxxxx

好友

xxxxx

群组

xxxxx

聊天

xxxxx

功能

  • 注册/登录功能
  • 聊天功能
  • 查看历史记录
  • 群聊
  • 单聊
  • 好友列表
  • 群组列表(我创建的群/我加入的群)
  • 加好友
  • 创建群
  • 加入群

依赖包

  • 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

服务端

服务端暂时不对外开放，想看的请联系