ubunutu 服务器中 React 应用程序的 NginX 配置

问题描述 投票:0回答:1

我有一个指向 DNS“ahammed.online”的服务器。目前,我有一个后端服务器在上面运行。我还需要将反应前端部署到该服务器。为此,我有一个构建文件,并将该文件保存在目录中,
/var/www/ahammed.onine/html/pdfManager/dist/index.html
CSS 和 JS 文件位于 /dist/assets/ 文件夹中。

我的index.html可以通过调用路线ahammed.online/pdfManager来访问,但是我的CSS和JS文件无法访问。他们抛出 404 错误。路线请求是这样的
ahammed.online/assets/fsjdlfj 34.j 和 ahammed.online/assets/fsfjsdljfsd.css

如何正确配置 NginX?我无法配置 /location/assets{},因为我需要在路由器 ahammed.online/portfolio 下的同一服务器中托管投资组合

我当前的配置文件位于 /etc/nginx/sites-available/ahammed.online

发送静态构建文件。

server{

    root /var/www/ahammed.online/html;
    index index.html index.htm index.nginx-debian.html;

    location /pdfManager {
                alias /var/www/ahammed.online/html/pdf-manager/dist/;
                try_files $uri $uri/ /index.html;
            }
}

当请求以 ahammed.online/pdfManager 形式出现时,我的索引文件已呈现,但 CSS 和 JS 显示可以 GET 404。相对于索引文件 CSS 和 JS 文件的位置如下
./assets/fsdf.js

reactjs amazon-web-services nginx cloud hosting
1个回答
0
投票

服务器 { 监听 80 default_server; 监听[::]:80 default_server; 服务器名称 ahammed.online; 根变量/www/html; 索引index.html; 地点 / { try_files $uri $uri //index.html; } }

© www.soinside.com 2019 - 2024. All rights reserved.