Docker Reverse Proxy到带有React Router的React App

时间:2018-09-12 03:05:20

标签: reactjs docker nginx react-router nginx-reverse-proxy

我已经敲了3天的键盘,试图弄清楚为什么我不能使它正常工作。

现在我正在机器上运行两个Nginx服务器。两者都在docker容器中运行。

一个nginx是反向代理。另一个nginx是实际的,它为“ yarn build”构建的静态文件服务。

当我尝试访问根文件之外的任何文件时,我当前收到404错误。

因此example.com可以正常工作。但是,当我进入example.com/test(反应路线)时,出现404错误。

所以,这是我的反向代理确认。

server {
    listen 80;
    server_name     example.com www.example.com;

    location / {
            proxy_pass http://192.168.1.29:8080;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection 'upgrade';
            proxy_set_header Host $host;
            proxy_cache_bypass $http_upgrade;

    }

    location ^~ /.well-known/acme-challenge/ {
            root /var/www/html;
    }
}

这是我实际的example.com配置文件,用于提供静态文件(是的,它是端口80,因为它在docker容器内的端口80上运行。暴露的docker容器端口是8080:

server {
    listen 80;
    listen [::]:80;
    server_name localhost;
    root /var/www/html;
    try_files $uri $uri/ index.html;
    index index.html;

    location / {
    }
}

0 个答案:

没有答案