无法连接到 websocket

Question

我需要你的帮助...我基本上已经用尽了 Google 提出的所有链接：D 没有任何东西可以帮助我查明问题...因此修复。

如果我使用命令：npm run dev，浏览器控制台中会出现以下错误（该页面仍然显示......只是需要更长的时间）

在此输入图像描述

使用 npm run build 不会出现该错误。

我正在使用以下 .env 配置

APP_NAME=App
APP_ENV=local
APP_KEY=*censored*
APP_DEBUG=true
APP_URL=https://app.dev

和 .vite.config.js

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';

export default defineConfig({
    plugins: [
        laravel({
            input: 'resources/js/app.js',
            refresh: true,
        }),
        vue({
            template: {
                transformAssetUrls: {
                    base: null,
                    includeAbsolute: false,
                },
            },
        }),
    ],
});

Laragon 在以下环境下启动， 在此处输入图像描述

谢谢 ！！闪电网络

我看到这可能是由于 SSL 造成的，我可能需要安装一个自助证书模块...但我没有看到明确的说明，所以现在我还没有尝试这个滑雪道

Answer 1

我知道这个问题来自 11 月，但如果您或 Google 的其他访问者遇到此问题，我的解决方案是更新我的vite.config.js：

export default defineConfig({
    plugins: [
        laravel({
            input: ["resources/css/app.css", "resources/js/app.js"],
            refresh: true,
        }),
    ],
    server: {
        hmr: {
            host: "localhost",
            protocol: "ws",
        },
    },
});

我用来valet secure托管我的测试站点。回退到ws而不是wss，并指定localhost（Firefox 和其他浏览器允许 CORS 到此位置）固定实时重新加载，并且事情再次正常工作。