【问题标题】:Vue.js app deploymentVue.js 应用部署
【发布时间】:2018-06-06 19:23:39
【问题描述】:

我有使用 vue-cli 创建的 Vue 应用程序。这是半开发的应用程序。我想向客户展示我们现在拥有的东西。所以,我想部署我们所拥有的。

如果我运行脚本npm run build,我可以在构建后继续项目开发吗?部署未完成应用的最佳做法是什么?

P。 S. 我是 vue 新手。我知道,我的问题可能很愚蠢。无论如何,请不要写缺点。

【问题讨论】:

标签: npm build vue.js vuejs2


【解决方案1】:

您需要购买一个 vps 主机并安装 node.js。就是这样,您可以部署您的应用程序。
您还可以在 node+express 上创建一个简单的后端,并将您的“dist”文件夹放在npm run build 之后,这将是您的演示应用程序。

【讨论】:

  • 我知道 VPS,而且我已经掌握了。为 vue.js 配置的 VPS。如果我理解正确,“npm run build”命令会修改 index.html 以进行生产。但是,我想在我的本地机器上发布后继续开发项目。我可以吗?
  • 当然可以。 npm run build 只是为您的项目创建一个新的丑化前端,您可以将其用于生产。只需在生产服务器复制dist 文件夹并将其设置为static 文件(与app.use(express.static(path.join(__dirname, '../dist'))); 类似)。如果你愿意,我可以向你展示我是如何在我的项目中做到这一点的。
  • 非常感谢您的解释。我构建了项目并将其上传到 VPS,但没有 express.static。总之,一切正常。我可以问你另一个问题吗?全局变量呢?比如我有前端,用VUE开发,服务部分,用Python开发。是否可以在全局变量中存储服务连接 URL?即使客户端关闭浏览器,数据也必须是可接受的。换句话说,如果我关闭浏览器并在下次打开它,我将能够通过存储在变量中的 URL 从服务中获取数据。
  • @Alex 你是说 API 吗?如果您想随时从服务器获取数据,您只需在服务器中添加获取请求处理程序,php:php.net/manual/en/reserved.variables.get.php。如果您指的是浏览器的临时数据,请使用 cookie
  • 不,我的意思是另一种想法。我在这里找到了决定:link
【解决方案2】:

是的。 npm run build 将构建您的应用程序并将其打包到 dist 文件夹中。 src 文件夹下的所有内容都将保持原样。您可以继续正常处理您的应用程序,并根据需要随时构建它。没有真正的最佳实践。我只是确保它在实际准备好之前不会触及生产数据。

【讨论】:

  • @lamemeon,谢谢你的回答。这正是我想要阅读的内容!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-07-02
  • 2021-11-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-01-23
相关资源
最近更新 更多