我的代码有问题。我正在尝试将belbel-loader添加到我的laravel-mix webpack的配置中，但是我收到一条错误消息，告诉我this.setDynamic不是一个函数。

这是我的webapack-mix.js文件

const {mix} = require('laravel-mix');
const VueLoaderPlugin = require('vue-loader/lib/plugin')
/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */
mix.webpackConfig({
    module: {
        rules: [
            // We're registering the TypeScript loader here. It should only
            // apply when we're dealing …

在这里，我的代码遇到了一个小问题。

我所做的

我在后端（端口8000）上有一个laravel应用程序，在其中创建了一个CORS中间件，该中间件使我能够从前端（端口8080）上进行跨源请求

这是我的中间件

<?php

namespace App\Http\Middleware;

use Closure;

class Cors
{
    /**
     * Handle an incoming request.
     *
     * @param  \Illuminate\Http\Request $request
     * @param  \Closure $next
     * @return mixed
     */
    public function handle($request, Closure $next)
    {
        return $next($request)
            ->header('Access-Control-Allow-Origin', env("CORS_DOMAINS", 'http://localhost:8080'))
            ->header('Access-Control-Allow-Methods', 'OPTIONS,POST,GET ,PUT, PATCH, DELETE')
            ->header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-type, Authorization', 'Accept-Language','Content-Disposition', 'Accept');
    }
}

到目前为止，如果我使用vue-resource进行简单的请求，一切都会很好。但是，当我将formData作为数据传递时，CORS失败。

我创建了一个Javascript类来上传文件

在接下来的几行中，只有这一行引起我们的兴趣（发出XHR请求的人）：

 return this.vm.$http.post(this.options.url, this.data)

我的上载课程

class Upload {
  defaultOptions = {
    extensions: null,
    maxSize: null,
    multiple: false,
    inputName: 'file'
  }
  errors = …

我刚开始使用 pusher，因为我在 redis 和 socket.io 上遇到了问题。为此，我遵循了Laravel的文档，我在 pusher 上创建了一个帐户并将密钥插入文件 .env 中。

BROADCAST_DRIVER=pusher
CACHE_DRIVER=file
SESSION_DRIVER=file
SESSION_LIFETIME=120
QUEUE_DRIVER=database

REDIS_HOST=127.0.0.1
REDIS_PASSWORD=null
REDIS_PORT=6379

MAIL_DRIVER=smtp
MAIL_HOST=smtp.mailtrap.io
MAIL_PORT=2525
MAIL_USERNAME=null
MAIL_PASSWORD=null
MAIL_ENCRYPTION=null

PUSHER_APP_ID=XXXXX
PUSHER_APP_KEY=XXXXXXXXXXXXX
PUSHER_APP_SECRET=XXXXXXXXXXXXXX
PUSHER_APP_CLUSTER=eu

MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"

然后我创建了一个实现 should 广播接口的事件

<?php

namespace App\Events;

use Illuminate\Broadcasting\Channel;
use Illuminate\Queue\SerializesModels;
use Illuminate\Broadcasting\PrivateChannel;
use Illuminate\Broadcasting\PresenceChannel;
use Illuminate\Foundation\Events\Dispatchable;
use Illuminate\Broadcasting\InteractsWithSockets;
use Illuminate\Contracts\Broadcasting\ShouldBroadcast;

class IncrementAddingOrderCounter implements ShouldBroadcast
{
    use Dispatchable, InteractsWithSockets, SerializesModels;
    public $length;
    public $value;

    /**
     * Create a new event instance.
     *
     * @param $length
     * @param …