vue.js - 试图让 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;
}
}
解决方案
推荐阅读
- r - 将 2D 矩阵重塑为具有 Keras 滞后的 3D 矩阵
- reactjs - 在 React 功能组件中,使用 jest 和酶测试内部功能
- javascript - 一键登录我的网站时遇到问题
- html - Select 元素中当前选项的长度允许滚动
- unity3d - 根据附加的错误输出,为什么我的 Unity3D 构建失败?
- oracle - PL/SQL:无法插入临时表
- xml - 如何在记事本++中创建方法以自动重置XML值=“1”,当它总是变回值=“0”时
- python - 为什么只有 df.to_numpy() 参与计算时数据帧会被更改?
- generics - Kotlin - 检查一张地图是否包含另一张地图的所有条目
- php - 使用scandir获取按时间排序的文件名