在使用带有webpack的npm run build之后，如何使用nginx提供静态文件

Question

在使用npm run build生成开发构建之后，我得到消息说 ＆＃34;提示：构建的文件应通过HTTP服务器提供。   打开index.html over file：//无法工作。＆＃34;

使用nginx执行此操作的最佳方法是什么？目前要测试它我正在使用名为serve的npm模块。

另外，如果我到mydomain.com的主页并搜索用户，一切都按照预期的方式工作，将我重定向到mydomain.com/users/brad，但是如果我然后进行网址搜索formydomain.com / users / brad我得到一个未找到的错误，感谢任何帮助！

Answer 1

在我的情况下，当我必须使用nginx提供静态内容时，它通常看起来像：

   location /static {
       alias $myroot/staticfiles;
   }

此外，您是否阅读过this？

Answer 2

如果您熟悉Docker技术，我建议您使用Docker Nginx容器，并将Webpack Buildflow中的静态内容添加到容器中（这可以通过构建服务器自动完成）。看一下来自Nginx的以下Docker镜像：https://hub.docker.com/_/nginx/。

否则，您必须在托管主页的服务器上安装nginx。为此，请查看您的服务器操作系统并访问网络，以获取服务器的详细nginx设置。如果没有任何配置，nginx将从/usr/share/nginx/html

提供类似Linux的服务器上的静态内容

如果您只有FTP访问服务器，您可以通过FTP / SFTP将构建的文件传输到特定文件夹，例如/ myHomepage，然后您的静态内容是来自yourdomain.de/myHompage的服务器。