yusdddd_ 2022-03-25 09:22 采纳率: 94.1%
浏览 973
已结题

在前端调用的是get请求,postman上面测试能够从接口获取数据,但是浏览器返回post失败

问题遇到的现象和发生背景

在前端调用的是get请求,postman上面测试能够从接口获取数据,但是浏览器返回post失败。

问题相关代码,请勿粘贴截图

后端代码:

/* 获取管理员列表 */
static getAdminList(){
return new Promise((resolve,reject)=>{
let sql = "select * from myusers_db where type=3"
this.query(sql).then(result=>{
console.log(result)
resolve(result)
}).catch(err=>{
console.log("数据读取失败")
reject("数据读取失败了!")
})
})
}

/* 获取管理员列表 */
static async getAdminListMsg(req,resp){
let body = req.body
let adminData = await this.getAdminList()
if(adminData.length!=0){
console.log("读取管理员数据成功")
resp.send(adminData)
} else{
console.log(adminData)
console.log(adminData.length)
resp.status(500).send("读取管理员数据失败")
}
}

/* 获取管理员列表接口 */
router.get('/getadminlistmsg',function(req,res){
user.getAdminListMsg(req,res)
})

前端代码:
封装的axios
/**

  • //封装axios方法,为不需要登录操作时使用
  • @param options 配置
  • /
    let Axios=(options)=>{
    axios({
      url:options.url,
      method:options.method||'POST',
      data: options.data,
      params: options.data
    
    }).then(result=>{
    console.log("成功进入axios")
      if (options.success)  options.success(result.data)
    
    }).catch(err=>{
      let msg = err.response ? err.response.data:'请求异常'
      if (options.error){
          options.error(msg)
          Message.error({message: msg, offset: 150});
      }else {
          Message.error({message: msg, offset: 150});
      }
    
    })
    }

Vue.prototype.$axios = Axios

前端页面在created获取数据:
created () {
this.$axios({
url:'/users/getadminlistmsg',
methods:'GET',
data:{},
success:(result)=>{
this.id = result.id
this.type = "管理员"
username = result.username
}
})
},

运行结果及报错内容

浏览器返回:
POST http://localhost:3000/users/getadminlistmsg 404 (Not Found)

Uncaught (in promise) ReferenceError: Message is not defined
at eval.

img

我的解答思路和尝试过的方法

我尝试把后端改成post(用postman测试,依然可以得到数据),然后前端不出现POST404了,但是拿不到数据,还是显示后面Uncaught的错误

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

2条回答 默认 最新

  • Run_youngman 2022-03-25 09:36
    关注

    Uncaught 的错误是你没引用Message这个组件,引用一下就好了。
    至于post还是get,你这个地方写的要一致,调用的时候写的Methods,封装的时候写的Method,要仔细一点啊!

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

报告相同问题?

问题事件

  • 系统已结题 4月2日
  • 已采纳回答 3月25日
  • 修改了问题 3月25日
  • 修改了问题 3月25日
  • 展开全部

悬赏问题

  • ¥15 TLS1.2协议通信解密
  • ¥40 图书信息管理系统程序编写
  • ¥20 Qcustomplot缩小曲线形状问题
  • ¥15 企业资源规划ERP沙盘模拟
  • ¥15 树莓派控制机械臂传输命令报错,显示摄像头不存在
  • ¥15 前端echarts坐标轴问题
  • ¥15 ad5933的I2C
  • ¥15 请问RTX4060的笔记本电脑可以训练yolov5模型吗?
  • ¥15 数学建模求思路及代码
  • ¥50 silvaco GaN HEMT有栅极场板的击穿电压仿真问题