Vue3-admin-template 框架修改登录页面

const state = reactive({
  ruleForm: {
    account: 'admin',
    password: '123456',
  },
  loading: false,
  checkedPwd: false,
  redirect: undefined,
  rules: {
    account: [{ required: true, message: t('login.rules.account'), trigger: 'blur' }],
    password: [{ required: true, message: t('login.rules.password'), trigger: 'blur' }],
  },
});

<el-form-item prop="account">
  <el-input :placeholder="t('login.account')" v-model="ruleForm.account">
    <template #prefix>
      <icon-user theme="outline" size="16" fill="#999" />
    </template>
  </el-input>
</el-form-item>
<el-form-item prop="password">
  <el-input
    @keyup.enter="handleLogin"
    :placeholder="t('login.password')"
    type="password"
    v-model="ruleForm.password"
  >
    <template #prefix>
      <icon-lock theme="outline" size="16" fill="#999" />
    </template>
  </el-input>
</el-form-item>

server: {
  host,
  port,
  cors,
  strictPort,
  open,
  fs: {
    strict: false,
  },
  proxy: {
    '/auth': {
      target: 'http:// 域名:/auth,
      changeOrigin: true,
      rewrite: (path) => path.replace(/^\/auth/, ''), // 重写路径
    },
  },
},

export const netConfig = {
  // axios 基础url地址
  baseURL: '',
  // 为开发服务器配置 CORS。默认启用并允许任何源，传递一个 选项对象 来调整行为或设为 false 表示禁用
  cors: true,
  // 根据后端定义配置
  contentType: 'application/json;charset=UTF-8',
  //消息框消失时间
  messageDuration: 3000,
  //最长请求时间
  requestTimeout: 10000,
  //操作正常code，支持String、Array、int多种类型
  successCode: [200, 0, 1],
  //登录失效code
  invalidCode: -1,
  //无权限code
  noPermissionCode: -1,
};

export const login = async (data) => {
  return request({
    url: '/auth/admin/login',
    method: 'post',
    data,
  });
};

const data = await login(userInfo);
console.log(data);
sessionStorage.setItem('url', data.url);
sessionStorage.setItem('type', data.info.type);
sessionStorage.setItem('id', data.info.id);
sessionStorage.setItem('pid', data.info.pid);
sessionStorage.setItem('projectid', data.info.projectid);
sessionStorage.setItem('roleid', data.info.roleid);
const accessToken = 'admin';
// const accessToken = data[tokenName];
 
 
// const { data } = await getUserInfo(state.accessToken);
// if (!data) {
//   ElMessage.error('验证失败，请重新登录...');
//   return false;
// }
// 模拟用户信息
let data = {
  permissions: ['admin'],
  username: 'admin',
  avatar: '',
};