Vue - 如何在测试中使用不同的 socket.io 端口？答案

【问题标题】：Vue - How to use a different socket.io port in tests?Vue - 如何在测试中使用不同的 socket.io 端口？
【发布时间】：2017-01-28 10:02:41
【问题描述】：

我在 webpack/vue 项目中使用 socket.io（由 vue-cli 构建）。

这是客户端初始化socket.io的方式：

var socketlib = require('socket.io-client')
var socket = socketlib('http://localhost:3000/')

我想在测试中使用不同的端口，以便让我能够在开发服务器启动时运行测试（3001 用于测试）。

如何让客户端在测试中访问 3001 端口？我需要服务器端渲染吗？

【问题讨论】：

你需要一些方法来告诉你的 vue 应用它处于开发模式。这可以通过使用服务器端渲染来完成，例如：设置配置变量。或者两个不同的应用程序，但它们也将被放入服务器端的 HTML 中。基本上：是的，您需要以任何方式进行服务器端渲染。
@keksnicoh 这就是我的想法。转换成答案，我会接受。

【解决方案1】：

答案是肯定的。

任何方法基本上都是服务器端渲染。必须向应用程序提供它处于开发模式的信息。要么你有一个单独的 dev-app.js、一些 javascript 配置、一些元素属性或者其他什么。即使有单独的dev-app.js，也必须渲染成应用脚本为dev-app.js的HTML。

【讨论】：