gpt4 book ai didi

docker - Nginx服务器未与Gatsbyjs默认Docker镜像一起运行

转载 作者:行者123 更新时间:2023-12-02 18:14:54 25 4
gpt4 key购买 nike

我有一个正在运行的gatsbyjs项目,该项目未从官方Docker镜像运行。

这是Dockerfile:

FROM gatsbyjs/gatsby:latest
ADD public/ /pub

(已编译的网站位于 public/,我已经确认 index.html正确呈现了该网站)

我也尝试了官方的 Dockerfile,但是没有用:
FROM gatsbyjs/gatsby:onbuild

我从 docker-compose运行此,如下所示:
version: '3'

services:
website:
build: .
ports:
- "80:80"

Nginx返回“500 Internal Server Error”。

我正在关注官方教程 here

最佳答案

似乎在更新onbuild镜像时未重建latest镜像,这导致docker拉出基础镜像的过时版本。
您最好忽略onbuild图片,并获取最新图片。
Here您可以找到详细信息。

测试最新图像是否有效。

首先,我尝试从图像运行容器:

$ docker run -d -p 80:80 gatsbyjs/gatsby:latest

这有效。 Nginx在这里运行。
$ curl localhost
<html>
<head><title>404 Not Found</title></head>
<body bgcolor="white">
<center><h1>404 Not Found</h1></center>
<hr><center>nginx</center>


删除容器。

我将在全局范围内安装gatsby
$ npm install --global gatsby-cli

现在,我从 here克隆了一个基本的gatsbyjs网站。
$ git clone https://github.com/gatsbyjs/gatsby-starter-hello-world.git
$ cd gatsby-starter-hello-world\

我将构建站点(如您的文档中所述)。
$ npm安装
$ gatsby构建

现在,我有一个 public/存储库。这就是带有 :onbuild标签的图像所期望的。
LICENSE  README.md  node_modules/  package-lock.json  package.json  public/  src/

现在我可以在git repo中编写我的Dockerfile了。我将使用最新的标记(不是onbuild),这意味着我必须编写自己的 COPYADD步骤。它包含了:
FROM gatsbyjs/gatsby:latest
COPY public/ /pub

我将构建docker镜像
$ docker build -t my-site .
Sending build context to Docker daemon 2.791MB
Step 1/2 : FROM gatsbyjs/gatsby:latest
---> 21fc487ad83e
Step 2/2 : COPY public/ /pub
---> 87f5ea1018ee
Removing intermediate container fd35cace6ef0
Successfully built 87f5ea1018ee
Successfully tagged my-site:latest

最后,我可以从镜像启动docker容器。
$ docker run -d -p 80:80 my-site

现在我可以 curl我的 localhost:80
$ curl localhost
$<!DOCTYPE html><html><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><link rel="preload" href="/component---src-pages-index-js-3a9c8c6504e39c44af75.js" as="script"/><link rel="preload" href="/path---index-a0e39f21c11f6a62c5ab.js" as="script"/><link rel="preload" href="/app-fcd7d98e3197e34ce021.js" as="script"/><link rel="preload" href="/commons-eef92a68af65d2662677.js" as="script"/><style id="gatsby-inlined-css"></style></head><body><div id="___gatsby"><div data-reactroot="" data-reactid="1" data-react-checksum="-122217258"><div data-reactid="2">Hello world!</div></div></div><script id="webpack-manifest">/*<![CDATA[*/window.webpackManifest={"231608221292675":"app-fcd7d98e3197e34ce021.js","35783957827783":"component---src-pages-index-js-3a9c8c6504e39c44af75.js","142629428675168":"path---index-a0e39f21c11f6a62c5ab.js"}/*]]>*/</script><script>/*<![CDATA[*/!function(e,t,r){function n(){for(;d[0]&&"loaded"==d[0][f];)c=d.shift(),c[o]=!i.parentNode.insertBefore(c,i)}for(var..

关于docker - Nginx服务器未与Gatsbyjs默认Docker镜像一起运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51421666/

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