默认Laravel + Vite配置会将WebSocket连接抛给失败：
默认Laravel + Vite配置会将WebSocket连接抛给失败：
提问于 2022-07-27 09:24:24
因此，Laravel决定再一次创新，修复那些没有被破坏的东西，所以Mix消失了，现在违约资产捆绑与Vite一起进行。
我关注的是它们文档中的绝对默认的一些前端错误，最后只剩下几个：
--我在SSL中使用了萨拉贡。
我没有配置任何附加的内容，我的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,
},
},
}),
],
});当我运行npm run dev并访问萨拉贡域时，控制台中有以下内容：
client.ts:78 WebSocket connection to 'wss://127.0.0.1:5173/' failed.
client.ts:48 [vite] failed to connect to websocket.
your current setup:
(browser) 127.0.0.1:5173/ <--[HTTP]--> 127.0.0.1:5173/ (server)
(browser) 127.0.0.1:5173/ <--[WebSocket (failing)]--> 127.0.0.1:5173/ (server)
Check out your Vite / network configuration and https://vitejs.dev/config/server-options.html#server-hmr .我想我需要在某个地方配置我的实际域名？我尝试在配置中的一个服务器对象中这样做，但是它并没有帮助这些错误。
PS:现在在我的vue文件中，我需要导入，包括.vue扩展名，例如，import Button from '@/Components/Button.vue'，有什么方法可以像用Laravel那样省略.vue吗？
回答 1
Stack Overflow用户
发布于 2022-10-09 18:22:21
当我做npm run build而不是普通的npm run dev时，问题就消失了。我想，prod的构建机制是不同的，所以控制台中没有WSS相关的错误。
因此，换句话说，执行生产Vite构建并部署它(如果您正在远程项目上进行测试)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73135376
复制相关文章
相似问题
腾讯云开发者
