兰空图床默认的token无法自助获取,只能通过第三方请求去post,有点麻烦,然后在网上搜了下,找到了一个实现方法,记录一下,防止忘记

实现方式

直接在 /resources/views/common/api.blade.php 文件里合适的位置添加以下代码

            <div>
                <p class="text-lg text-gray-700 font-semibold">Tonken获取</p>
                <script src="//lib.baomitu.com/jquery/1.12.4/jquery.min.js"></script>
                <form id="token" action="{{ request()->getSchemeAndHttpHost() }}/api/v1/tokens" method="POST">
                    <input type="hidden" id="email" name="email" value="{{ Auth::user()->email }}">
                    <div style="display: inline-flex;position: relative;">
                        <div class="px-4 py-3 text-right sm:px-6" style="color: #555;background-color: #eee;border: 1px solid #ccc;">密码</div>
                        <input type="password" id="password" name="password" placeholder="输入你的密码">
                        <button type="button" class="button px-4 py-3 sm:px-6" style="color: #fff;background-color: #337ab7;border-color: #2e6da4;margin-left:10px;">
                            <div>点击获取</div>
                        </button>
                    </div>
                    <div class="list-group">
                        <x-code>
                            <span style="color:tomato;user-select: none;">token:</span><span id="tokenCode"></span>
                        </x-code>
                    </div>
                </form>
            </div>
            <script>
                $(document).ready(function() {
                    $("#token .button").click(function() {
                        var url = $("#token").attr("action");
                        var email = $("#email").val();
                        var password = $("#password").val();
                        $.ajax({
                            type: 'post',
                            url: url,
                            data: {
                                email: email,
                                password: password
                            },
                            success: function(data) {
                                if (data.status == true) {
                                    $("#tokenCode").html('Bearer ' + data.data.token)
                                } else {
                                    if (data.message == "password 不能为空。") {
                                        $("#tokenCode").html("密码不能为空!")
                                    } else if (data.message == "The email address or password is incorrect.") {
                                        $("#tokenCode").html("请确认密码是否正确!")
                                    }
                                }
                            },
                            error: function() {
                                $("#tokenCode").html("请求过于频繁,请稍后再试!")
                            }
                        });

                    });
                });
            </script>
            <div>

测试

最后修改:2024 年 04 月 14 日

感谢看完,可以点个赞~请作者喝杯咖啡~ヾ(◍°∇°◍)ノ゙❤