前后端分离项目遇到的问题

本文介绍了前端POST请求遇到400错误的解决方案,问题出在后端接收数据时。同时讨论了Vue项目运行失败的原因,可能是自定义组件中使用了与全局utils.js冲突的options。另外,提供了实现页面回退功能的简单代码,并讲解如何在Webstorm中配置启动快捷键。这些内容对于前端开发者和Vue项目维护者具有实际参考价值。

1. 发送数据时,发生400错误

            var formData = new FormData()
            Object.keys(this.student).forEach(key => {
              formData.append(key, this.student[key])
            })
            this.$axios.post('/student/add', formData)
              .then(resp => {
                this.$router.push('/student/list')
              })

前端发送的数据是formData

后端接收数据出现问题
在这里插入图片描述
解决方案:去掉这个注解

2.vue项目run运行时,无法启动。

在这里插入图片描述
在自定义组件中,尽量不要使用options。会和utils.js中的options重名。在对自定义组件中的options进行Do Refactor改名时,一定要看一下是否影响到了其他组件中的内容。

3.返回上一页按钮

    back(){
      history.go(-1)
    }

4. 在Webstorm里设置启动键

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

香鱼嫩虾

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值