我有一个简单的Angular单页应用程序,我试图使用Nginx docker image版本1.17.1提供服务。
在我的Dockerfile
中,我构建并打包了Angular,然后将生成的文件复制到nginx镜像中。
FROM node:12.6.0 AS package-stage
WORKDIR /app
COPY ./angular/package.json ./angular/package-lock.json ./
RUN npm install
COPY ./angular/. ./
RUN npm run ng build -- --configuration=production
FROM nginx:1.17.1
COPY --from=package-stage /app/dist/* /usr/share/nginx/html/
COPY ./nginx/. /
最后的COPY
步骤将我的nginx配置复制到镜像中。目前,这只是/etc/conf.d/default.conf
。我只修改了这个文件中的一行,如下所示:
server {
listen 80;
server_name localhost;
location / {
root /usr/share/nginx/html;
index index.html index.htm;
try_files $uri $uri/ /index.html; <-- Added by me
}
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}
页面index.html
可以在http://localhost
访问,但是添加任何额外的url参数(例如,http://localhost/dashboard
),都会导致Nginx 404错误页面。
以下是Docker容器中/usr/share/nginx/html
的内容:
# cd /usr/share/nginx/html
# ls -l
total 1616
-rw-r--r-- 1 root root 27338 Jul 28 17:13 3rdpartylicenses.txt
-rw-r--r-- 1 root root 494 Jun 25 12:19 50x.html
-rw-r--r-- 1 root root 15406 Jul 28 17:12 favicon.ico
-rw-r--r-- 1 root root 1027 Jul 28 17:13 index.html
-rw-r--r-- 1 root root 637237 Jul 28 17:12 main-es2015.22ca1a6907ac396057b0.js
-rw-r--r-- 1 root root 727972 Jul 28 17:13 main-es5.26d2792d89e453a5208c.js
-rw-r--r-- 1 root root 37298 Jul 28 17:12 polyfills-es2015.9a05c5eeb2c24cb2663d.js
-rw-r--r-- 1 root root 115451 Jul 28 17:13 polyfills-es5.fdab6b769da451ba6a00.js
-rw-r--r-- 1 root root 1440 Jul 28 17:12 runtime-es2015.d5623f03f1e64ac8e12f.js
-rw-r--r-- 1 root root 1440 Jul 28 17:13 runtime-es5.a8c9c2928baa49aa82ad.js
-rw-r--r-- 1 root root 64080 Jul 28 17:12 styles.56c73d0b9f8117f2238e.css
我确保每次都硬刷新页面,因为我知道浏览器缓存有时会成为问题。但还是没找到。
以下是nginx容器中的一些示例日志:
Camerons-Air:My-Site cameronhudson$ docker run -it --rm -p 80:80 gcr.io/my-site/github.com/cameronhudson8/my-site/frontend:latest
2019/07/28 17:55:50 [error] 7#7: *1 open() "/usr/share/nginx/html/dashboard" failed (2: No such file or directory), client: 172.17.0.1, server: localhost, request: "GET /dashboard HTTP/1.1", host: "localhost"
172.17.0.1 - - [28/Jul/2019:17:55:50 +0000] "GET /dashboard HTTP/1.1" 404 555 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.142 Safari/537.36" "-"
就好像try_files
行被完全忽略了。
2条答案
按热度按时间0sgqnhkj1#
好吧,我发现nginx * 完全忽略了
try_files
行...因为我把default.conf
复制到了错误的位置。我使用的位置:
正确的位置:
这是一个愚蠢的问题,一个愚蠢的解决方案,但我想我会离开它,以防它帮助别人。
cwdobuhd2#
我遇到了同样的问题,但对我来说,我错过了这一行:
将其添加到
default.conf
文件后,问题消失了。注意:应用此更改后,不要忘记重新启动容器。