首页猿问连接服务器上的堆栈：Vue js...

连接服务器上的堆栈：Vue js 前端 + php api + postgres db

PHP

慕丝7291255 2023-10-15 16:39:53

我正在努力在服务器上设置/部署我的生产环境。我的前端映像是使用Dockerfile.static构建的FROM nginx:1.17-alpineLABEL maintainer="xxx"COPY app/dist /usr/share/nginx/htmlCOPY ./conf.d/default.conf /etc/nginx/conf.d/default.confCMD ["nginx", "-g", "daemon off;"]我的 nginx 配置文件server { listen 80; server_name www.xxx.org; location / { root /usr/share/nginx/html; try_files $uri $uri/ /index.html; proxy_pass http://backend:9000/; }}字体服务是通过我的撰写文件中的此代码片段设置的frontend: image: gitlab-registry.cern.ch/xxx/xxx/static:latest ports: - 80:80 networks: - frontend - backend当我在浏览器中输入域时，会提供静态文件。但我无法让我的后端连接继续。只收到 404。这是我的 php API 的 Dockerfile：FROM bitnami/php-fpm:latestLABEL maintainer="xxx"COPY . /var/www/htmlWORKDIR /var/www/html/publicApi 类包含所有端点，并最终处理所有查询并从数据库获取数据。问题 1) 从我的前端容器中获取的正确 URL 是什么？据我了解，容器是通过 docker 网络后端连接的。所以我尝试了http://backend:9000/ + uri_path ...问题2）如何设置后端容器？因为我感觉自己好像失去了一些东西。需要提供 index.php 文件...我是否需要另一个 nginx 容器来将我的 php API 集成到该容器中？问题 3）我的 nginx 配置正确还是我也缺少某些东西？

查看完整描述

1 回答

慕的地8271018

TA贡献1796条经验获得超4个赞

我认为对于那些没有部署经验的人来说，查看如何执行此操作的基本示例可能会很有用。所以，我想提供这样一个例子，以及如果我要改进我的解决方案，我的下一步将是什么。欢迎反馈！

前端容器

提供静态信息，您可以通过构建 vue js 项目获得这些静态信息
Dockerfile.static 用于构建容器

FROM nginx:1.17-alpine

LABEL maintainer="xxx"

# copy statics into default html folder of container

COPY app/dist /usr/share/nginx/html

# use specific config file for nginx

COPY nginx_static.conf /etc/nginx/nginx.conf

CMD ["nginx", "-g", "daemon off;"]

nginx 服务器的配置文件取自vue js 文档...我只需要为前端执行的 URL 请求添加代理传递，以便从数据库获取数据

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;

server {

listen 80;

server_name www.xxx.org;

location / {

root /usr/share/nginx/html;

index index.html;

try_files $uri $uri/ /index.html;

}

location /sets {