修改未登录访问需要登录的资源,在登录后重定向丢失请求参数问题

RuoYi

2023-08-31 c5fe5bf3cb9bd1bf3383a1a431ac37f640485783

 src/views/login.vue

@@ -71,6 +71,7 @@
import useUserStore from '@/store/modules/user'



const userStore = useUserStore()

const route = useRoute();

const router = useRouter();

const { proxy } = getCurrentInstance();



@@ -96,6 +97,10 @@
const register = ref(false);

const redirect = ref(undefined);



watch(route, (newRoute) => {

    redirect.value = newRoute.query && newRoute.query.redirect;

}, { immediate: true });



function handleLogin() {

  proxy.$refs.loginRef.validate(valid => {

    if (valid) {

@@ -113,7 +118,14 @@
      }

      // 调用action的登录方法

      userStore.login(loginForm.value).then(() => {

        router.push({ path: redirect.value || "/" });

        const query = route.query;

        const otherQueryParams = Object.keys(query).reduce((acc, cur) => {

          if (cur !== "redirect") {

            acc[cur] = query[cur];

          }

          return acc;

        }, {});

        router.push({ path: redirect.value || "/", query: otherQueryParams });

      }).catch(() => {

        loading.value = false;

        // 重新获取验证码