Skip to main content
 首页 » 编程设计

python之NGINX 不与 flask rest API 通信。 docker

2024年08月19日36dflying

NGINX 不与 flask rest API 通信。 当我点击 localhost/api 时 如果我点击本地主机，我会从 index.html 获取消息，但当我点击/api 时不会收到 json 响应

我想使用 NGINX 为我的 Angular 5 dist 文件夹提供服务。

什么是距离？

dist 是我的 index.html、main.css 和 Angular 5 在我运行 ng build --prod 后为我创建的所有其他文件所在的文件夹

我的问题是什么？

  • 我想在前端使用 Angular 5
  • 我希望我的 flask 成为我的休息 api
  • 我希望 nginx 为所有静态文件(HTML、CSS 和 javascript)提供服务

我希望用户在 URL ( http://localhost) 中输入 NGINX 给他所有的静态文件并让我的 SPA 应用程序为 ROUTES 指定位置，API 路由除外

如果用户键入(http://localhost/api)，我希望 FLASK 控制并向用户提供 JSON 响应，无论我说 flask 如何响应

我的问题是当用户点击##/api 时我得到 404 找不到页面 WTF 我已经在 nginx 里面设置了 if 是 get/api 让 flask 采取行动 看:

user  nginx; 
worker_processes  1; 
 
error_log  /var/log/nginx/error.log warn; 
pid        /var/run/nginx.pid; 
 
 
events { 
  worker_connections  1024; 
} 
 
 
 
http { 
  include       /etc/nginx/mime.types; 
  default_type  application/octet-stream; 
 
  log_format  main  '$remote_addr - $remote_user [$time_local] "$request" ' 
                    '$status $body_bytes_sent "$http_referer" ' 
                    '"$http_user_agent" "$http_x_forwarded_for"'; 
 
  access_log  /var/log/nginx/access.log  main; 
 
  sendfile        on; 
  #tcp_nopush     on; 
 
  keepalive_timeout  65; 
 
  gzip  on; 
 
  include /etc/nginx/conf.d/*.conf; 
 
 
  # Configuration for the server 
  server { 
 
    listen 80; 
    server_name localhost; 
 
    location / { 
      root   /usr/share/nginx/html; 
      index  index.html; 
      expires -1; 
      add_header Pragma "no-cache"; 
      add_header Cache-Control "no-store, no-cache, must-revalidate, post-check=0, pre-check=0"; 
      try_files $uri$args $uri$args/ $uri $uri/ /index.html =404; 
      proxy_pass  http://localhost:5000/; 
    } 
 
    # location /api { 
    #   proxy_pass          http://flask_api:5000; 
    #   proxy_set_header        Host $host; 
    # } 
 
    } 
 
 
 
}

我有一个看起来像这样的 docker-compose 文件:

docker-compose.yml

version: '3' 
 
services: 
 
  nginx_demo: 
    image: nginx:1.13.7-alpine 
    container_name: nginx 
    restart: always 
    build: 
      context: . 
      dockerfile: nginx/Dockerfile 
    volumes: 
     - ./Client/dist:/usr/share/nginx/html 
    ports: 
      - "80:80" 
    depends_on: 
      - flask_api 
 
  flask_api: 
    # image: flask 
    container_name: flask_api 
    restart: always 
    build: ./Server 
    volumes: 
      - ./Server:/usr/src/app 
    ports: 
      - "5000:80"

这是在 Server/api.py 中

''' Docker + python 3.6.3 ''' 
 
from flask import Flask 
 
app = Flask(__name__) 
 
@app.route('/api') 
def hello(): 
    return 'Hello Form Flask' 
 
if __name__ == "__main__": 
    app.run(host="0.0.0.0", debug=True)

这是我运行 docker-compose up 后的日志

Creating flask_api ... 
Creating flask_api ... done 
Creating nginx ... 
Creating nginx ... done 
Attaching to flask_api, nginx 
flask_api     |  * Running on http://0.0.0.0:5000/ (Press CTRL+C to quit) 
flask_api     |  * Restarting with stat 
flask_api     |  * Debugger is active! 
flask_api     |  * Debugger PIN: 718-970-762 
nginx         | 172.20.0.1 - - [10/Dec/2017:14:16:53 +0000] "GET / HTTP/1.1" 304 0 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36" "-" 
nginx         | 172.20.0.1 - - [10/Dec/2017:14:16:55 +0000] "GET / HTTP/1.1" 304 0 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36" "-" 
nginx         | 172.20.0.1 - - [10/Dec/2017:14:16:56 +0000] "GET / HTTP/1.1" 304 0 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36" "-" 
nginx         | 2017/12/10 14:16:59 [error] 5#5: *2 open() "/usr/share/nginx/html/api" failed (2: No such file or directory), client: 172.20.0.1, server: localhost, request: "GET /api HTTP/1.1", host: "localhost" 
nginx         | 172.20.0.1 - - [10/Dec/2017:14:16:59 +0000] "GET /api HTTP/1.1" 404 571 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36" "-" 
nginx         | 172.20.0.1 - - [10/Dec/2017:14:17:01 +0000] "GET /api HTTP/1.1" 404 571 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36" "-" 
nginx         | 2017/12/10 14:17:01 [error] 5#5: *2 open() "/usr/share/nginx/html/api" failed (2: No such file or directory), client: 172.20.0.1, server: localhost, request: "GET /api HTTP/1.1", host: "localhost" 
nginx         | 2017/12/10 14:17:02 [error] 5#5: *2 open() "/usr/share/nginx/html/api" failed (2: No such file or directory), client: 172.20.0.1, server: localhost, request: "GET /api HTTP/1.1", host: "localhost" 
nginx         | 172.20.0.1 - - [10/Dec/2017:14:17:02 +0000] "GET /api HTTP/1.1" 404 571 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36" "-"

请您参考如下方法:

这应该有效:

docker-compose.yml

# Run docker-compose up 
 
version: '3' 
 
services: 
  nginx_demo: 
    image: nginx:1.13.7-alpine 
    container_name: nginx 
    restart: always 
    build: 
      context: . 
      dockerfile: ./Nginx/Dockerfile 
    volumes: 
      - ./Client/dist:/usr/share/nginx/html 
    ports: 
      - "80:80" 
    depends_on: 
      - flask_api 
    links: 
      - flask_api 
 
  flask_api: 
    container_name: flask_api 
    restart: always 
    build: 
      context: . 
      dockerfile: ./Server/Dockerfile 
    volumes: 
      - ./Server:/usr/src/app

Nginx/Docker文件

FROM nginx:1.13.7-alpine 
 
# remove the old nginx.conf 
RUN rm /etc/nginx/nginx.conf 
 
# Copy custom nginx config 
COPY ./Nginx/nginx.conf /etc/nginx/nginx.conf 
COPY ./Client/dist /usr/share/nginx/html 
 
EXPOSE 80

服务器/Dockerfile

FROM python:3.6-alpine 
 
ADD ./Server /app 
WORKDIR /app 
RUN pip install -r requirements.txt 
 
EXPOSE 5000 
CMD ["python", "api.py"]

Nginx/nginx.conf

user  nginx; 
worker_processes  1; 
 
error_log  /var/log/nginx/error.log warn; 
pid        /var/run/nginx.pid; 
 
 
events { 
  worker_connections  1024; 
} 
 
 
http { 
  include       /etc/nginx/mime.types; 
  default_type  application/octet-stream; 
 
  log_format  main  '$remote_addr - $remote_user [$time_local] "$request" ' 
                    '$status $body_bytes_sent "$http_referer" ' 
                    '"$http_user_agent" "$http_x_forwarded_for"'; 
 
  access_log  /var/log/nginx/access.log  main; 
 
  sendfile    on; 
 
  keepalive_timeout  65; 
 
  gzip  on; 
 
  # Configuration for the server 
  server { 
 
    listen 80; 
 
    location /api { 
      proxy_pass http://flask_api:5000; 
    } 
 
    location / { 
      root   /usr/share/nginx/html; 
      index  index.html; 
      expires -1; 
      add_header Pragma "no-cache"; 
      add_header Cache-Control "no-store, no-cache, must-revalidate, post-check=0, pre-check=0"; 
      try_files $uri$args $uri$args/ $uri $uri/ =404; 
    } 
 
  } 
 
}


  文章来源：
  https://www.windname.com/post/gcaga2b7.html
阅读延展