为反应路线配置nginx

时间:2017-12-10 23:53:18

标签: ubuntu nginx react-router

在我的react项目中刷新页面时遇到问题,因为我试图配置我的Nginx,因为在我的localhost中工作正常。

我是Nginx的新手,我已经尝试了2个多小时没有成功。

上下文

  1. 我在React中有2个项目使用React路由,然后我需要为两者配置,但我尝试先配置一个。

  2. 我的第一个项目位于/var/www/html/app,我的第二个项目/var/www/html/dashboard,效果很好,http://MY_IP/apphttp://MY_IP/dashboard

  3. 我打开了文件/etc/nginx/sites-enabled/default(我删除了很多名言):

  4. server {
        listen 80 default_server;
        listen [::]:80 default_server;
        root /var/www/html;
        index index.html index.htm index.nginx-debian-html;
        server_name _;
        location / {
            try_files $uri $uri/ =404;
        }
    }
    

    只有我改变了:

    • try_files $uri $uri/ =404; -> try_files $uri $uri/ index.html;
    • root /var/www/html; -> root /var/www/html/app;
    在控制台中

    和之后:sudo systemctl restart nginx

    问题:

    当我进行更改时,没有任何反应,页面http://MY_IP/app为空白。

    我尝试了很多变种,但是当我刷新http://MY_IP/app/sale时,继续出错并且路线无效。

    我做错了什么?,这是正确的修改文件?,任何建议都会令人惊讶。

    注意:

    • 我的nginx在EC2(aws)

    感谢。

1 个答案:

答案 0 :(得分:0)

尝试使用以下配置:

server {
    listen    80;
    listen    default_server:80;
    server_name   default_server;

    location / {
        root   /var/www/html;
        index  index.html index.htm;
    }
    location /app {
        root /home/ec2-user/;
    }
    location /dashboard {
        root /var/www/html/;
    }
   }