使用ant-design-pro-vue时,将登录从mock换成后台出现问题(请求出现错误,请稍后再试)

2023-11-06

因为我不是专门的前端,所以搞这个时,困难重重。
在这里插入图片描述

在使用这个模板时,我想要将登录换成从后台进行响应,在一开始我是通过项目中的mock文件下的auth.js来找到对应的响应数据。
在这里插入图片描述
看到如上图所示,我心想,稳了。结果我后台就按照这个来造了一个测试,结果不行,页面根本没有进行跳转,反而报了请求出现错误。

然后就网上各种查啊,然而并没有找到解决方案。最后,我就去github上翻啊,终于翻到了一个
在这里插入图片描述
就是项目的接口返回数据(地址在这),将文件下载下来后,打开发现
在这里插入图片描述
原来返回数据是这样

{
	"message":"",
	"result":{},
	"status":200,
	"timestamp": 1534844188679
}

而我返数据是:在这里插入图片描述这样自然不行,就把后台返回按照他的形式改了下,发现就可以了。

解决方法:

第一种:后台返回数据按照他的形式改一下。

{
	"message":"",
	"result":{},
	"status":200,
	"timestamp": 1534844188679
}

第二种:修改src\store\modules\user.js

在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用ant-design-pro-vue时,将登录从mock换成后台出现问题(请求出现错误,请稍后再试) 的相关文章

  • VueJS 精确活动类

    我有一个使用 Router link 的菜单 当 Router link 被激活时 我想将类 Active 放在 li 上 ul class nav nav second level li li ul
  • 如何切换各个
  • 元素的类?
  • 当我切换变量时active在下面的代码中 activeCSS 类应用于列表中的所有元素 从列表中的所有元素中删除 如何单独定位列表元素 Todo List 示例具有类似的功能 待办事项 待办事项已完成 但它有点超出了我的技能范围 ul li
  • v-file-input .click() 不是函数

    我试图以编程方式触发 v file input 的 click 事件 因为它在 Vuetify 的文档中 但它显示一个错误this refs imagePicker click is not a function我在这里错过了什么吗 代码重
  • Eslint 状态已声明 [Vuex]

    我正在运行 ESLint 目前遇到以下 ESLint 错误 错误 状态 已在上部范围无阴影中声明 const state date show false const getters date state gt state date show
  • Vue.js + Element UI:在更改时获取“event.target”

    我无法获取在事件处理程序中触发事件的 html 字段 在 javascript 中是event target 我有一个表格 附加到更改事件函数的输入元素 管理更改事件的函数 我的代码如下 var Main methods change pa
  • 如何在 Vue.js 2 中使用事件总线通过自定义事件传递数据

    我在用着Vue js 2 5 x 在我的玩具项目中 我实现了一个事件总线 类似于所示的here https alligator io vuejs global event bus 事件总线在 Vue 原型中全局注册为 eventBus 然后
  • nuxt中根据url参数动态加载组件

    我在 nuxt 中有一个页面 分为两部分 第一部分是一个普通的模板结构 填充了基于 url 参数的动态内容 第二部分是应根据此数据加载的组件 我正在尝试这样完成它
  • 使用 Nuxt 动态获取并编译模板

    我想从远程获取 svg 并通过编译使其栩栩如生 对于 赋予生命 我的意思是按类选择其中一些元素 并动态地将组件列表附加到其中 现在我只是使用 div div 我的组件如下所示 data return svg async created le
  • Vue SPA - 如何在浏览器中呈现时隐藏 .vue 文件

    我正在开发一个用 Vue js 开发的单页应用程序 托管在 Node js 服务器上 目前它仍在开发中 但最终将暴露给外部客户 并且由于我们将处理敏感数据 我们希望避免在用户检查元素时看到 vue 文件和相对文件树结构在开发工具中 See
  • 实现npm包自定义组件VueJS

    我正在尝试使用以下 npm package 来绕过 X frame 选项 https www npmjs com package x frame bypass https www npmjs com package x frame bypa
  • 如何在 NuxtJs 路由中使用 *(星号)?

    在 vue cli 生成的普通 Vue 不是 Nuxt 项目中 使用 在 vue router 中这样工作 export default new Router routes path about name about component A
  • beforeRouteUpdate 和观看 '$route' - Vue.js 之间的区别?

    正如我们所知 为了对我们使用的同一组件中的参数变化做出反应beforeRouteUpdate挂钩或观看 route 观看 route const User template watch route to from react to rout
  • Vue 3 输入模式

    我想创建输入 如果模式不匹配 我可以用空字符替换输入的字符 模板
  • 在 vuejs 上将 \n 替换为新行

    我正在尝试将 n 字符替换为来自端点的数据的新行 I tried p item licensedocument legal documentText replace r n r n g br p 并没有奏效 当我将replace 写入问题末
  • 如何在vuetify中设置固定工具栏?

    在 vuetify 中我使用工具栏
  • 在 Vue 3 的 Jest 测试中模拟 vue-router useRouter()

    我在我的应用程序中使用 Vue 3 和 Vue Router 并且在使用 Jest 对使用的组件创建单元测试时遇到了问题useRoute 例如以下内容
  • Vuetify:v-ripple 只能用于块级元素

    我今天刚开始收到此错误 它破坏了我的整个网站 因为我像个傻瓜一样在页面加载时加载 Vuetify 有谁知道这意味着什么或如何解决它 谷歌搜索没有发现任何有用的信息 Edit 对于因网站也损坏而发现此问题的任何人 这可能是因为您加载的位置vu
  • Vue.js - 当标头中使用 multipart/form-data 时,axios 中的文件上传验证失败

    我正在构建一个 Laravel Vue js SPA 单页应用程序 BootstrapVue https bootstrap vue js org Vee验证 https logaretm github io vee validate gu
  • 我应该如何处理 Vuex 中的事件?

    我习惯使用全局事件总线来处理跨组件方法 例如 var bus new Vue Component A bus emit DoSomethingInComponentB Component B bus on DoSomethingInComp
  • 如何在Vuejs中动态管理页面标题?

    我构建一个应用程序 我有一个带有页面标题的标题 目前 我使用视图路由器来定义我的标题 path events name events component Events meta title Liste des v nements 在我的刀片

随机推荐

  • 毕业设计-基于深度学习火灾烟雾检测识别系统-yolo

    前言 大四是整个大学期间最忙碌的时光 一边要忙着准备考研 考公 考教资或者实习为毕业后面临的就业升学做准备 一边要为毕业设计耗费大量精力 近几年各个学校要求的毕设项目越来越难 有不少课题是研究生级别难度的 对本科同学来说是充满挑战 为帮助大
  • 基于STM32F103单片机的智能农场温室大棚光照温度土壤湿度检测系统

    系统功能设计 末尾附文件 本系统由STM32F103C8T6单片机核心板 LCD1602液晶显示 光照检测 土壤湿度传感器 风扇控制 继电器控制 高亮LED灯补光 按键控制组成 1 通过光敏电阻检测光照强度AD转换后给系统显示 将光照强度值
  • 经典的Python爬虫和网络编程面试题

    1 动态加载又对及时性要求很高怎么处理 Selenium Phantomjs 尽量不使用 sleep 而使用 WebDriverWait 2 分布式爬虫主要解决什么问题 1 ip 2 带宽 3 cpu 4 io 3 什么是 URL URL
  • UG NX导出2D图纸

    创建图纸 1 同时按下ctrl shift D进入制图页面 点击左上角 新建图纸页 选择视图创建向导调整视图 2 方向 gt 定制的视图 然后指定一个面 点击 完成 导出2D图纸 文件 gt 导出AutoCAD DXF DWG 退出制图 同
  • 【Leetcode041】 最大子数组和

    53 最大子数组和 给你一个整数数组 nums 请你找出一个具有最大和的连续子数组 子数组最少包含一个元素 返回其最大和 子数组 是数组中的一个连续部分 示例 1 输入 nums 2 1 3 4 1 2 1 5 4 输出 6 解释 连续子数
  • Maven仓库(仓库配置) 配置好你的仓库~

    文章目录 远程仓库的配置 远程仓库的认证 部署至远程仓库 镜像配置 远程仓库的配置 Repositories元素下 可以用repository 子元素声明一个或者多个远程仓库 id 远程仓库的ID 必须唯一 maven自带的中央仓库的id为
  • 使用 OpenSSH 从 PC 机传送文件到CPU板时,CPU板和虚拟机不在一个ip网段无法通信

    本人也是萌新小白 这里主要分享一下自己调试过程中遇到的问题和解决方法 希望能帮到大家 gt lt 项目场景 从PC机的虚拟机的Ubuntu系统传输文件到CPU板系统 问题描述 1 首先是CPU板系统连接不到PC机的网络 2 CPU板系统和P
  • XML - insert

    XML insert 属性 属性 描述 id 命名空间中的唯一标识符 可被用来代表这条语句 parameterType 将要传入语句的参数的完全限定类名或别名 这个属性是可选的 因为 MyBatis 可以通过 TypeHandler 推断出
  • vue项目报错in ./src/app.vue?vue&type=style&index=0&lang=less

    原因 less和less loader版本号过高 解决 先删除原来的再重新安装 npm uninstall less loader npm uninstall less npm install less loader 4 1 0 D npm
  • flutter 设置状态栏的颜色,背景appBar: AppBar( elevation: 0.5, brightness: Brightness.light,

    在有AppBar的界面 状态栏一般有Brightness dark 和Brightness light两种模式 分别是白色的导航栏字体颜色和黑色的字体颜色 appBar AppBar elevation 0 5 brightness Bri
  • 【数据结构】单链表详解

    当我们学完顺序表的时候 我们发现了好多问题如下 中间 头部的插入删除 时间复杂度为O N 增容需要申请新空间 拷贝数据 释放旧空间 会有不小的消耗 增容一般是呈2倍的增长 势必会有一定的空间浪费 例如当前容量为100 满了以后增容到200
  • java混编

    java里面总共有八种基本数据类型 其分别为 byte short char int long float double Boolean 其他都是引用数据类型 而引用数据类型是以对象的形式存在 基本数据类型都可以直接进行运算 没必要先换算成
  • [Python人工智能] 十七.Keras搭建分类神经网络及MNIST数字图像案例分析

    从本专栏开始 作者正式研究Python深度学习 神经网络及人工智能相关知识 前一篇文章详细讲解了Keras环境搭建 入门基础及回归神经网络案例 本篇文章将通过Keras实现分类学习 以MNIST数字图片为例进行讲解 基础性文章 希望对您有所
  • 将时间戳转换成标准时间格式

    标准时间格式 2023 02 01 15 08 56 如果是要转成 2023 02 01 15 08 56 将下列代码拼接的字符串 改成 即可 毫秒时间戳转换时分秒 毫秒时间戳为16位 export function getLocalTim
  • [网络安全自学篇] 四.实验吧CTF实战之WEB渗透和隐写术解密

    最近开始学习网络安全相关知识 接触了好多新术语 感觉自己要学习的东西太多 真是学无止境 也发现了好几个默默无闻写着博客 做着开源的大神 接下来系统分享一些网络安全的自学笔记 希望读者们喜欢 上一篇文章分享了解BurpSuite工具的安装配置
  • Klocwork部署的安全最佳实践

    Klocwork是一款静态代码分析和SAST工具 适用于 C C C Java JavaScript Python和Kotlin 可识别软件安全性 质量和可靠性问题 帮助强制遵守标准 阅读本文 您将了解Klocwork的设置步骤 助力您实现
  • 微信小程序使用.concat()等数组连接爆错原因

    微信小程序数组连接爆错 当我们在微信小程序中使用数组连接时有时候会出下以下的错误 js里面的写法如下 this setData goods this data goods concat res data 其原因的是因为在微信小程序的data
  • 【STM32F407电机控制学习笔记】TIM8输出PWM&触发ADC采集电流cubeMX配置

    时钟配置 高速时钟使用外部晶振 HCLK配置为160MHz 方便后续定时器分频 TIM8配置 TIM8的Channel1 Channel3用于输出两路互补的PWM Channel4 PWM不输出 用于触发ADC采样 中心对齐模式1 计数器在
  • 如果更好的做好MES系统运维

    因人因时因地制宜 治疗疾病要根据人体的体质 性别 年龄等不同 以及季节 地理环境以制定适宜的治疗方法 我觉得mes运维也应该采用相同的方式 下面先了解一下常见的三种运维方式 第一种方式 企业有自己的信息中心 不同的人负责不同的模块 员工职责
  • 使用ant-design-pro-vue时,将登录从mock换成后台出现问题(请求出现错误,请稍后再试)

    因为我不是专门的前端 所以搞这个时 困难重重 在使用这个模板时 我想要将登录换成从后台进行响应 在一开始我是通过项目中的mock文件下的auth js来找到对应的响应数据 看到如上图所示 我心想 稳了 结果我后台就按照这个来造了一个测试 结