# vue-chat

**Repository Path**: chen_66/vue-chat

## Basic Information

- **Project Name**: vue-chat
- **Description**: No description available
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-03-29
- **Last Updated**: 2021-03-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### Vue聊天室部署说明
#### 部署前端服务
1. 打包前端文件生成 dist 文件夹
```js
  // genal-chat-client
  npm i
  npm run build 
```
1. 将 dist 下所有文件放到 nginx 下的 html 文件夹中
2. 配置 nginx 的 gzip (提高传输速度)和请求级别
```js
// nginx.conf 本地部署
http {
  include mime.types; 
  #nginx开启gzip
  #前端文件在build的时候已经配置好压缩,需要再配置一下nginx;
  gzip on; 
  gzip_static on;
  gzip_buffers 4 16k;
  gzip_comp_level 5;
  gzip_types text/plain application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg 
              image/gif image/png;
  
  #nginx请求级别配置
  server {
    listen       8088;
    server_name  localhost;
    location / {
      root   html;
      index  index.html index.htm;
      add_header Cache-Control public;
    }

    location ^~/api/ {
      rewrite ^/api/(.*) /$1 break;
      proxy_pass http://localhost:3000;
    }

    location ^~/socket.io/ {
      proxy_pass http://localhost:3000;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "upgrade";
    }
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
  }  
}
```
3. 记得重启一下nginx

#### 数据库配置
1. 安装 mysql
2. 设置 mysql 账号密码
3. 创建名为 `chat` 的数据库
4. 配置后端 `app.module.ts` 中的 mysql 账号密码
```js
// genal-chat-server/src/app.module.ts
@Module({
  imports: [
    TypeOrmModule.forRoot({
      type: 'mysql',
      port: 3306,
      username: 'root', // 默认账号
      password: '123456', // 默认密码
      database: 'chat',
      charset: "utf8mb4",
      autoLoadEntities: true,
      synchronize: true
    }),
  ],
})
```

#### 部署后端服务
1. 安装 pm2
```js
// genal-chat-server
npm i pm2 -g
```
2. 生成 dist 文件
```js
// genal-chat-server
npm i
npm run build
```
3. 使用 pm2 运行
```js
// genal-chat-server
npm run pm2
```