这不会那不会 2022-03-09 09:27 采纳率: 62.9%
浏览 36
已结题

关于页面跳转怎么实现重定向的问题

点击登录

img


跳出一个弹窗

img

然后点击里面的某条应用就可进去

但是现在,弹窗出来之后,我刷新页面就直接进入到了主页

img

想实现,刷新之后还是现在的这个页面,希望大家可以给一点逻辑

img

<template>
  <div>
    <div class="login-wrapper">
      <div class="login-main">
        <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" label-position="top">
          <div class="title-div">
            <img class="title-img" src="../assets/images/MS-LOGO.png">
            <span class="title-span">管理系统</span>
            <div class="title-line"></div>
          </div>
          <el-form-item label="登录账号" prop="username" class="login-form-item">
            <el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号" size="large"
                      @mouseenter.native="inputLineBright" @mouseleave.native="inputLineDim">
              <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon"/>
            </el-input>
            <div class="input-line"></div>
          </el-form-item>
          <el-form-item label="密码" prop="password" class="login-form-item">
            <el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="密码" size="large"
                      @keyup.enter.native="handleLogin" @mouseenter.native="inputLineBright"
                      @mouseleave.native="inputLineDim">
              <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon"/>
            </el-input>
            <div class="input-line"></div>
          </el-form-item>
          <el-form-item label="验证码" prop="code" class="login-form-item">
            <el-input v-model="loginForm.code" auto-complete="off" placeholder="请输入验证码" style="width: 63%" size="large"
                      @keyup.enter.native="handleLogin" @mouseenter.native="inputLineBright"
                      @mouseleave.native="inputLineDim">
              <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon"/>
            </el-input>
            <div class="login-code">
              <img :src="codeUrl" @click="getCode" class="login-code-img"/>
            </div>
            <div class="input-line"></div>
          </el-form-item>
          <el-checkbox class="login-form-checkbox" v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">
            记住密码
          </el-checkbox>
          <el-form-item class="login-form-btn">
            <el-button
              :loading="loading"
              size="medium"
              type="primary"
              style="width:100%;"
              @click.native.prevent="handleLogin"
            >
              <span v-if="!loading">登 录</span>
              <span v-else>登 录 中...</span>
            </el-button>
          </el-form-item>
        </el-form>

        <el-dialog :title="title" :visible.sync="loginOpen" width="800px"  :close-on-click-modal="false">
          <el-form ref="form" :model="form" label-width="80px">
            <el-row>
              <el-col :span="8">
              <el-form-item label="应用名称" prop="aplNm">
                <el-input v-model="form.aplNm" placeholder="请输入应用名称"/>
              </el-form-item>
              </el-col>
              <el-col :span="9">
              <el-form-item>
                <el-button type="primary" icon="el-icon-search" size="mini" @click="" round>搜索</el-button>
                <el-button icon="el-icon-refresh" size="mini" @click="" round>重置</el-button>
              </el-form-item>
              </el-col>
            </el-row>
          </el-form>
          <el-table v-loading="loading" :data="aplList" highlight-current-row
                    @current-change="handleCurrentChange" @row-dblclick="submitForm">
            <el-table-column label="应用ID" align="center" prop="aplEcd" />
            <el-table-column label="应用名称" align="center" prop="aplNm" />
          </el-table>
          <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="submitForm">确 定</el-button>
            <el-button @click="cancel">取 消</el-button>
          </div>

        </el-dialog>
      </div>
      <!--  底部  -->
      <div class="login-footer">
        <span>Copyright © 2018-2022</span>
      </div>
    </div>
  </div>
</template>

我想要达到的结果
  • 写回答

2条回答 默认 最新

  • 归来巨星 前端领域新星创作者 2022-03-09 09:48
    关注

    现在应该是有一个登录校验

    如果是已经有token了就直接访问重定向首页了

    看你的axios哪里 或者全局搜一下 token判断 重定向index 操作在哪里写的,取消这个登录重定向即可

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月18日
  • 已采纳回答 3月10日
  • 创建了问题 3月9日

悬赏问题

  • ¥15 怎么实现只排序每行中的第二列的数 如果比两数都大就放在第三列中 比两数都小就放在第一列中(语言-c语言)
  • ¥15 应用商店如何检测在架应用内容是否违规?
  • ¥15 Ubuntu系统配置PX4
  • ¥20 MATLAB间接平差计算
  • ¥50 nw.js调用activex
  • ¥15 数据库获取信息反馈出错,直接查询了ref字段并且还使用了User文档的_id而不是自己的
  • ¥15 将安全信息用到以下对象时发生以下错误:c:dumpstack.log.tmp 另一个程序正在使用此文件,因此无法访问
  • ¥15 速度位置规划实现精确定位的问题
  • ¥15 MAC虚拟机(win11)USB插上后无串口com,无法烧录
  • ¥15 代码问题:df = pd.read_excel('c:\User\18343\Desktop\wpsdata.xlxs')路径读不到