【问题标题】:How do I resolve 500 error using vue @click with axios如何使用 vue @click 和 axios 解决 500 错误
【发布时间】:2021-04-26 10:10:58
【问题描述】:

我在使用 vue 和 Laravel 的 axios(函数?)时遇到问题。我用一个简单的警报('something')运行这个 - 不使用 axios,只是函数中的警报)但是我在运行当前代码时遇到这些错误

POST http://127.0.0.1:8000/follow/2 500 (Internal Server Error)
dispatchXhrRequest @ xhr.js?b50d:178
xhrAdapter @ xhr.js?b50d:12
dispatchRequest @ dispatchRequest.js?5270:52
Promise.then (async)
request @ Axios.js?0a06:61
Axios.<computed> @ Axios.js?0a06:86
wrap @ bind.js?1d2b:9
followUser @ FollowButton.vue?618e:17
invokeWithErrorHandling @ vue.common.dev.js?4650:1859
invoker @ vue.common.dev.js?4650:2184
original._wrapper @ vue.common.dev.js?4650:7543

我的代码

methods: {
            followUser() {
                axios.post('/follow/' + this.userId)
                .then(response => {
                    alert(response.data);
                });
            }
        }

我在 3:28:10 关注本教程 https://www.youtube.com/watch?v=ImtZ5yENzgE,但我一辈子都看不出哪里出了问题。非常感谢任何帮助。

【问题讨论】:

  • 服务器端 500 错误堆栈跟踪是什么样的?
  • 并且 5XX 错误来自服务器,而不是来自 vuejs .... 尝试从谷歌开发人员工具中检查它(网络选项卡并检查 xhr,您应该会看到一个红色请求)。如果您没有看到错误,请搜索如何显示来自 laravel 的所有错误
  • @Joundill 抱歉,我不确定我会如何展示它?我在哪里可以找到那个?
  • @DMinch 如果你使用 php artisan serve 启动 Laravel 服务器,那么错误可能会显示在你运行 serve 命令的同一个控制台中。
  • 所以很简单,只需要将我的用户控制器包含在这个控制器中,grr。 @SamuelAialaFerreira 你的建议让我走上了正轨,谢谢。感谢大家的回复。

标签: laravel vue.js axios


【解决方案1】:

我只需要包含我的用户类 - 烦人

【讨论】:

    猜你喜欢
    • 2021-09-21
    • 2022-01-17
    • 2021-12-07
    • 2020-07-31
    • 2021-06-11
    • 2020-01-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多