带有节点的Vue-cli

Question

我对同时使用Vue和node感到有点困惑。您可以通过输入npm run dev在本地运行Vue-cli应用程序，它在一个端口上运行，然后我还创建了一个带有一些路由的express服务器文件，它在另一个端口上运行。一切都很好。

但是，当Vue-cli只是客户端代码时，为什么它必须像服务器一样“运行”？这是否意味着在生产中，我真的必须为一个应用程序同时占用两个端口？

Answer 1

不，您将npm build您的前端，并让您的express服务器静态它。Vue-cli很有帮助，因为它设置了webpack脚手架并支持热重新加载。

Answer 2

当你使用'npm run dev‘时，你启动了webpack服务器，它会’动态‘地将你的vue代码构建成javascript代码，这样你就可以用热重载来处理它，你将会有一个'file://’‘行为而不是'http://localhost’行为。

在production build中，'npm run build‘你会得到一个javascript文件和一个html文件放在你的服务器上。如果你使用的是vue-router，你可能需要一些htaccess配置来查看你的站点，但仅此而已，你将像使用静态网页一样使用这些文件。例如，我认为可以肯定地说，apache服务器处理的工作就是webpack在开发中所做的工作。