构建和部署

Question

我发现很难在AWS上部署我的项目。有人能帮我吗？我承认我不了解antd pro文档。我无法更改端口。我生成的dist无法访问我的后端。我为此感到疯狂。我想要一个教程，或有关该主题的帮助。我什么都找不到。

Answer 1

请检查我为自己的WebApp部署所遵循的文档。

构建和部署

运行yarn build进行生产构建。它将生成/dist文件夹，它是生产版本。
打开/dist/index.html文件并从
创建一个Express JS服务器来服务您的生产版本touch server.js。
在server.js中，复制/粘贴以下代码：

    const express = require('express');
    const path = require('path');

    const port = process.env.PORT || 8080;
    const app = express();

    app.use(express.static(path.join(__dirname, '/dist')));

    app.get('/*', function (req, res) {
      res.sendFile(path.join(__dirname, '/dist', 'index.html'));
    });

    app.listen(port);

在生产之前，通过使用在本地测试构建dist node server.js并通过PORT与localhost一起检查

在package.json文件中，将启动脚本更改为以下内容：到start: "node server.js"。
删除"start": "cross-env ESLINT=none roadhog dev"和"precommit": "npm run lint-staged"（仅用于生产推送将其添加回进行开发）。
打开.gitignore文件，添加以下代码：

    #.gitignore
    src/*
    public/*

并从.gitignore文件中删除/dist（仅用于生产，将其添加回进行开发）。这只会将生产版本推送到服务器，而不是所有文件。

在AWS上部署Antd Pro

1 个答案:

构建和部署