首页 > 解决方案 > 尝试在调用 Laravel Api 时访问 VueJs 上 null 类型值的数组偏移量

问题描述

我正在构建一个简单的 Laravel 和 VueJs 项目,尝试注册用户时遇到异常错误。当我在邮递员上调用 api 端点时,操作成功并且当我尝试在 VueJs UI 上执行相同操作时数据被转换到数据库,我在标题中收到错误。我理解该错误,事实上,我之前在邮递员上进行测试时遇到过它并且能够解决它,但从 UI 获取时我似乎无法解决它。

这是我的代码:

//点击提交时触发的函数[在此处输入图片描述][1]

<script>
import axios from 'axios';

export default {
    name:'Register',
    props:{
        message: String
    },
    data(){
        return{
            form: {
                name: '',
                email: '',
                password: ''
            }
        }
    },
    methods:{
        submitForm(){
            axios.post('http://127.0.0.1:8000/api/user/store', this.form)
                 .then( (response) =>{
                     console.log(response);
                     this.$router.push('/login');
                 })
                 .catch( (error) => {
                     console.log(error);
                 })
        }
    }
}
</script>

//错误我得到 [1]: https://i.stack.imgur.com/XYJ4Q.png

//但是在请求有效载荷中传递数据时,它怎么可能为null?
[2]:https ://i.stack.imgur.com/FW775.png

任何帮助将不胜感激。谢谢

我试过作曲家更新,但还是不行。

标签: laravelvue.js

解决方案


推荐阅读