# 小游戏

**Repository Path**: paopaowang2019/games

## Basic Information

- **Project Name**: 小游戏
- **Description**: 小游戏代码仓库
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-01-15
- **Last Updated**: 2025-07-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

[TOC]

# SweetBaby前端

## 前置条件

# 要掌握的

- Html

- Javascript(ES6)

- CSS(Sass)

- VUE开发
- Element ui
- Muse ui  
## 安装、运行

1. 命令行切换到代码目录下，执行以下命令安装依赖

    ```shell script
    npm install
    ```


2. 编译代码
  
    编译命令
    
    ```shell script
    npm run build:prod
    ```

    会在dist文件夹生成项目文件，导入服务器web目录，替换相对应即可

3. 本地调试

    编译命令

    ```shell script
    npm run dev
    ```
## 代码说明

### 目录结构

/src目录

    ```
    components      // 公共组件
    views           // 页面代码
    assets          // 静态文件
    api             // 统一封装接口文件
    layout          // 框架布局文件
    router          // 路由文件
    store           // vuex
    utils           // 全局公共方法
    App.vue         // 全局生命周期控制
    main.js         // 入口文件
    permission.js   // 页面跳转规则配置
    pages.json      // 页面路由配置
    settings.js     // 页面配置
    ```

### 三方登录配置

#### facebook参数
在 /src/views/index/index.vue 文件内，mounted函数中,FB.init==>appid处配置
```
FB.init({
        appId: "298626048719164",
        cookie: true,
        xfbml: true,
        version: "v11.0",
      });
```
#### google参数
在 public/index.html文件内, 在mate 的content内配置
```
<meta name="google-signin-client_id" content="298090042558-k40vj8qco07jm53mslu757s9r7jkonep.apps.googleusercontent.com">
```

#### 腾讯云TIM
在 /src/utils/tims.js文件内，配置 SDKAppID(腾讯云Tim申请时的appid)
```
let options = {
    SDKAppID: '1400517562' // 接入时需要将0替换为您的即时通信 IM 应用的 SDKAppID
};
```
#### 接口域名配置

在根目录 .env.production  和  .env,staging  文件内配置

本地调试需要额外在 vue.config.js 文件内 找到 devServer，配置proxy内的 target

```
    devServer: {
        overlay: {
            warnings: false,
            errors: true
        },
        proxy: {
            '^/api': {
                target: 'https://sweetbaby.autopayez.ph',
                changeOrigin: true
            }
        }

    }
```
本地调试时，以上配置更改后需要重新执行  npm run dev重新运行项目生效