Fondo de administración de chatgpt del sistema de creación de pagos de Little fox AI: el código fuente de vue de la interfaz frontal agrega una nueva configuración de método de inicio de sesión

Ya hemos creado el sistema de creación de pago de IA de zorro pequeño. Fondo de gestión de chatgpt. Entorno de front-end

Ahora, modifique la configuración para que pueda configurar qué método de inicio de sesión usar

Ver interfaz de enrutamiento

En general, encontramos el código fuente de la interfaz, primero miramos la parte de enrutamiento y luego podemos saber qué interfaz está en

/src/router/index.js

Puede encontrar directamente el lugar de configuración/vistas/módulo/web/pc

      {
        path: 'web',
        component: () => import('@/views/module/web/layout'),
        children: [
          {
            path: 'index',
            name: 'ModuleWebPC',
            components: { subRouter: () => import('@/views/module/web/pc') },
            meta: { title: 'PC版' }
          },
          {
            path: 'upload',
            name: 'ModuleWebH5',
            components: { subRouter: () => import('@/views/module/web/h5') },
            meta: { title: 'H5版' }
          }
        ],
        hidden: true
      }

Agregar una casilla de verificación

          <el-form-item label="登录方式" prop="login_way">
              <el-select v-model="form['login_way']" placeholder="请选择登录方式">
                <el-option
                  label="扫码关注公众号"
                  value="wechat">
                </el-option>
                <el-option
                  label="账号密码登录"
                  value="account">
                </el-option>
              </el-select>
          </el-form-item>

Esto está bien directamente y eventualmente se almacenará en el campo web de la tabla de configuración

{"is_open":1,"bind_wxapp_user":0,"page_title":"字匠AI付费创作系统","copyright":"","copyright_link":"","login_way":"cuenta"}

Podemos juzgar y procesar login_way en el lado web de la computadora.