javascript - 使用 PhpStorm 调试在 JavaScript 中调用的 Laravel 函数

我需要一些关于如何调试在 HTML 页面中调用的 JavaScript 函数中映射的以下 Laravel 函数的指导。

 $('#upload-avatar').fileapi({
     url: '{{ route("user.avatar") }}',
     accept: 'image/*',
     data: { _token: "{{ csrf_token() }}" },
     imageSize: { minWidth: 100, minHeight: 100 },
     elements: {
        active: { show: '.js-upload', hide: '.js-browse' },
        preview: {
           el: '.js-preview',
           width: 96,
           height: 96
        },
        progress: '.js-progress'
     },

如您所见，当我尝试上传图像时，会调用 user.avatar Laravel 函数，我的问题是，如果我点击“上传 PhpStorm”按钮不会激活。

我已将开始监听 php 调试连接 打开调试嵌入在 html 页面中的 JavaScript 代码是否需要一些额外的配置？

最佳答案

我建议您使用 Chrome，打开网络开发人员工具并导航到那里的“网络”选项卡然后当您尝试上传文件时，您将看到该网络选项卡中出现一个新请求如果你在 app/config/app.php 配置文件中设置了 'debug' : true ，你会看到来自 Laravel 的详细错误

这是一个例子: Go to network tab in Developer tools Click on Preview tab on that request