首页 > 解决方案 > 试图让 2 个应用程序在 nginx 上运行的配置问题

问题描述

我正在尝试在 nginx 上部署一个带有 Strapi 后端的 Vue 应用程序。

我在可用站点中创建了 2 个文件,并在启用站点中创建了符号链接。我还从 let's encrypt 获得了 ssl-cert。

当我访问该域时,我在浏览器中什么也看不到,并且在网络选项卡中有一个 304 和一些 404 错误。当我访问 domain.com/admin 时,我看到了一个strapi 闪屏,但没有看到我需要的登录表单。

直接去ip的时候看到前端app,访问:1337/admin看到后端。知道我在这里做错了什么吗?

谢谢

我的 frontend.conf 看起来像这样

server {
    # Listen HTTP
    listen 80;
    server_name companynamefront.com;
    # Redirect HTTP to HTTPS
    return 301 https://$host$request_uri;
}
server {
    # Listen HTTPS
    listen 443 ssl;
    server_name companynamefront.com;
    # SSL config
    ssl_certificate /etc/letsencrypt/live/new.companyname.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/new.companyname.com/privkey.pem;                                                    
# Static Root
location / {
    root /var/www/html/companyname/v-frontend/dist;
}
}

backend.conf 看起来像这样

server {
    # Listen HTTP
    listen 80;
    server_name companyname.com;
    # Redirect HTTP to HTTPS
    return 301 https://$host$request_uri;
}
server {
    # Listen HTTPS
    listen 443 ssl;
    server_name companyname.com;
    # SSL config
    ssl_certificate /etc/letsencrypt/live/new.companyname.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/new.companyname.com/privkey.pem;
    # Static Root
    location / {
        root /var/www/html/companyname/backend/build;
    }
    # Strapi API and Admin
    location /admin/ {
        rewrite ^/admin/(.*)$ /$1 break;
        proxy_pass http://localhost:1337;
        proxy_http_version 1.1;
        proxy_set_header X-Forwarded-Host $host;
        proxy_set_header X-Forwarded-Server $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header Host $http_host;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "Upgrade";
        proxy_pass_request_headers on;
    }
}

标签: vue.jsnginxdeploymentservercertificate

解决方案


推荐阅读