返回

laravel-axios post 找出数据是否有效

发布时间:2022-09-09 14:43:59 306
# 前端# ios# json

好的,我已经结束了一天的工作,而且我的想法不正确。所以这就是我所拥有的...

一个 Laravel 控制器,向它发送一个用户名,它会告诉我用户名是否可用,如果不可用,它会给我一个 422 代码

public function checkUsername(Request $request) {
        Validator::make($request->all(), [
            'name' => ['required', 'string', 'max:255', 'unique:users'],
        ])->validate();
    
        return response()->json([
            'valid' => true,
            'data' => [
                'message' => 'Username is available!'
            ]
        ], 200);
    }

有效响应的示例:

{"valid":true,"data":{"message":"Username is available!"}}%

要测试的旋度是:

curl -X POST -H "Content-Type: application/json" -d '{"name": "bossryan"}' http://127.0.0.1:8000/api/checkusername

接下来:我有一个使用Vee validate的前端Vue。它可以做很多事情,但我需要将这个最新的验证添加到组合中,因此如果用户名被使用(我没有从上面得到有效的响应,它需要用“这个用户名已经被使用”来回复);

validateEmail(value) {
                // if the field is empty
                if (!value) {
                    return 'This field is required';
                }
                // if the field is not a valid email
                const regex = /^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$/i;
                if (!regex.test(value)) {
                    return 'This field must be a valid email';
                }

                // All is good
                return true;
            },

这是我创建的axios,但它不工作:

const isUnique = (value) => {
                    return axios.post('/api/validate/checkemail', { email: value }).then((response) => {
                        // Notice that we return an object containing both a valid property and a data property.
                        return {
                        valid: response.data.valid,
                        data: {
                            message: response.data.message
                            }
                        };
                    });
                };

我知道我需要添加axios,但我只是花了很长时间来设置它,我的脑子一直在忙。我只是想找一个能帮我插入axios请求的人。//一切都很好,所以我可以完成这个任务。

感谢社区的帮助!

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(1)
按点赞数排序
用户头像