gpt4 book ai didi

javascript - 如何在一台服务器上部署nodejs api和vuejs app

转载 作者:搜寻专家 更新时间:2023-10-30 22:21:27 26 4
gpt4 key购买 nike

我开发了 node rest api 和 vuejs web 应用程序,我正在尝试将这两个项目部署到一个运行 ubuntu 的 aws 服务器中。两个应用程序都有不同的端口,domain 我尝试为 api 配置 api.example.com,为 vue app 配置 example.com。在 SSH 中运行命令后,我可以运行这两个应用程序一次,但我需要它们永远运行它。我做了什么,

  1. 单独部署到应用
  2. 应用可以通过端口访问

我需要他们访问

  1. api.example.com
  2. example.com

步骤是什么,任何更改主机文件。

最佳答案

我找到了另一种不使用 PM 的方式在一台服务器上部署 vue app 和 express/nodejs。这是我做的

  1. 使用 npm run build 命令构建您的 vue 代码。这将创建一个文件夹 dist,其中应包含 index.html 文件和 static 文件夹。
  2. dist 文件夹复制到您的服务器代码存储库中。在我的例子中,我创建了一个文件夹 public 并将 dist 文件夹移动到 public 中。
  3. app.js 文件中 module.exports=app 行之前,复制以下代码行

    //这两行确保 vue 和 express app 来自同一台服务器。
    app.use('/static', express.static(path.join(__dirname,"../public/dist/static/")));
    app.get('/', function(req,res) {
    res.sendFile('index.html', { root: path.join(__dirname, '../public/dist/') });
    });

第一行确保 /static 文件夹可访问,第二行将在运行 Node 服务器时提供 index.html 文件。组件之间的路由将由 vue 处理。

关于javascript - 如何在一台服务器上部署nodejs api和vuejs app,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52369607/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com