Ошибка Nginx при обслуживании углового приложения в докере

Question

Я построил приложение под углом, используя ng build

Теперь я cd в папку dist/iDot и запускаю

docker run -d -p 8080:80 -v $(pwd):/usr/share/nginx/html nginx:alpine

, но когда я получаю доступ к URL-адресу, он показывает nginx403 Forbidden ошибка.

У меня есть chmod 777 папка и файлы dist, и, похоже, они не оказывают никакого влияния.

Папка Dist

garg10may@GCES15511:~/iDot/frontend/dist$ ls
iDot
garg10may@GCES15511:~/iDot/frontend/dist$ ls -ltrh iDot/
total 21M
-rwxrwxrwx 1 garg10may garg10may  49K May  3 18:02 main.js
-rwxrwxrwx 1 garg10may garg10may 284K May  3 18:02 es2015-polyfills.js
-rwxrwxrwx 1 garg10may garg10may 767K May  3 18:02 styles.js
-rwxrwxrwx 1 garg10may garg10may 6.1K May  3 18:02 runtime.js
-rwxrwxrwx 1 garg10may garg10may 236K May  3 18:02 polyfills.js
-rwxrwxrwx 1 garg10may garg10may 207K May  3 18:02 es2015-polyfills.js.map
-rwxrwxrwx 1 garg10may garg10may 8.9M May  3 18:02 vendor.js
-rwxrwxrwx 1 garg10may garg10may  28K May  3 18:02 main.js.map
-rwxrwxrwx 1 garg10may garg10may 6.1K May  3 18:02 runtime.js.map
-rwxrwxrwx 1 garg10may garg10may 235K May  3 18:02 polyfills.js.map
-rwxrwxrwx 1 garg10may garg10may 820K May  3 18:02 styles.js.map
-rwxrwxrwx 1 garg10may garg10may 9.4M May  3 18:02 vendor.js.map
-rwxrwxrwx 1 garg10may garg10may  829 May  3 18:02 index.html
-rwxrwxrwx 1 garg10may garg10may 5.4K May  3 18:02 favicon.ico

Контейнерработает нормально

garg10may@GCES15511:~/iDot/frontend$ docker ps
CONTAINER ID        IMAGE               COMMAND                  CREATED             STATUS              PORTS                    NAMES
fcd8af3018e6        nginx:alpine        "nginx -g 'daemon of…"   10 minutes ago      Up 10 minutes       0.0.0.0:8080->80/tcp     wonderful_shockley
5e1e49e7cc24        idot                "java -Djava.securit…"   6 hours ago         Up 6 hours          0.0.0.0:8081->8081/tcp   idot
69a43bc460e1        mysql:5.7           "docker-entrypoint.s…"   6 hours ago         Up 6 hours          3306/tcp, 33060/tcp      idb

журналы докера {контейнер}

2019/05/03 12:54:34 [error] 7#7: *1 directory index of "/usr/share/nginx/html/" is forbidden, client: 172.17.0.1, server: localhost, request: "GET / HTTP/1.1", host: "localhost:8080"
172.17.0.1 - - [03/May/2019:12:54:34 +0000] "GET / HTTP/1.1" 403 556 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36" "-"

Попробуйте 1:

garg10may@GCES15511:~/iDot/frontend/dist/iDot$ ls
es2015-polyfills.js      favicon.ico  main.js      polyfills.js      runtime.js      styles.js      vendor.js
es2015-polyfills.js.map  index.html   main.js.map  polyfills.js.map  runtime.js.map  styles.js.map  vendor.js.map
garg10may@GCES15511:~/iDot/frontend/dist/iDot$ cd ..
garg10may@GCES15511:~/iDot/frontend/dist$ docker run -d -p 8080:80 -v $(pwd)/iDot:/usr/share/nginx/html nginx:alpine
21910db703790152bf622ce01b2c814a224f1054e103e1d6b62c4b71fd47d542
garg10may@GCES15511:~/iDot/frontend/dist$ docker ps
CONTAINER ID        IMAGE               COMMAND                  CREATED             STATUS              PORTS                    NAMES
21910db70379        nginx:alpine        "nginx -g 'daemon of…"   3 seconds ago       Up 1 second         0.0.0.0:8080->80/tcp     ecstatic_germain
5e1e49e7cc24        idot                "java -Djava.securit…"   7 hours ago         Up 7 hours          0.0.0.0:8081->8081/tcp   idot
69a43bc460e1        mysql:5.7           "docker-entrypoint.s…"   7 hours ago         Up 7 hours          3306/tcp, 33060/tcp      idb
garg10may@GCES15511:~/iDot/frontend/dist$ docker exec -it ecstatic_germain ls -l /usr/share/nginx/html/
total 0
drwxr-xr-x    2 root     root            40 May  3 12:47 iDot
garg10may@GCES15511:~/iDot/frontend/dist$ docker exec -it ecstatic_germain ls -l /usr/share/nginx/html/iDot
total 0
garg10may@GCES15511:~/iDot/frontend/dist$

Answer 1

Вместо этого смонтируйте каталог iDot -

$ cd ~/iDot/frontend/dist
$ docker run -d -p 8080:80 -v $(pwd)/iDot:/usr/share/nginx/html nginx:alpine

Возможно, вы получаете 403, потому что nginx не может получить читаемый / исполняемый файл index.html в корне документа.

Для получения дополнительной информации попробуйте ввести docker exec в контейнер -

$ docker exec -it 88c73dc32cad ls -l /usr/share/nginx/html/

Answer 2

Я думаю, что в папке dist будет еще одна папка с именем приложения, вам нужно предоставить эту папку при сопоставлении тома с образом nginx. Перейдите в папку с именем вашего приложения и запустите ту же команду, она будет работать