带有节点的 Vue-cli

Posted 2023-02-22

【中文标题】带有节点的 Vue-cli

【英文标题】：Vue-cli with node

【发布时间】：2018-07-12 07:28:36

【问题描述】：

我对同时使用 Vue 和 node 有点困惑。您可以通过键入 npm run dev 在本地运行 Vue-cli 应用程序，它在一个端口上运行，然后我还创建了一个包含一些路由并在另一个端口上运行的快速服务器文件。一切正常...

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

【参考方案1】：

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

【参考方案2】：

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

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