Little fox AI payment creation system chatgpt management background - front-end interface vue source code adds new login method configuration

We have already built the small fox AI paid creation system chatgpt management background vue front-end environment

Now, modify the settings so that it can configure which login method to use

View routing interface

Generally, we find the source code of the interface, first look at the routing part, and then we can know which interface is in

/src/router/index.js

You can directly find the setting place /views/module/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
      }

Add a checkbox

          <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>

This is ok directly, and will eventually be stored in the web field of the setting table

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

We can judge and process the login_way on the pc web side.