一.  修改views/login/comp/LoginForm.vue文件里面的内容

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' }],},
});

   修改 views/login/comp/LoginForm.vue文件里面的内容 

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

 二. 修改 vite.config.js 文件

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

 

三、修改 config/net.config.js 文件 
 

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],//登录失效codeinvalidCode: -1,//无权限codenoPermissionCode: -1,
};

四、修改 api/user.js 封装文件 

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

五、修改store/modules/user.js文件

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: '',
};

原创作者: 吴小糖

创作时间：2023.11.14