首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >同时服务于react前端和flask后端(nginx)

同时服务于react前端和flask后端(nginx)
EN

Stack Overflow用户
提问于 2020-01-13 10:21:43
回答 1查看 559关注 0票数 0

我有一个react前端和一个flask后端。

目前我提供后台服务的方式如下

代码语言:javascript
复制
server {
    location / {
        try_files $uri @yourapplication;
    }
    location @yourapplication {
        include uwsgi_params;
        uwsgi_pass unix:///tmp/uwsgi.sock;
    }
}

我希望配置nginx的方式允许我从/为我的react应用程序提供服务,并从所有其他路径访问API (即/users是一个api端点)。

这是一个“合理”的设置吗?我的配置文件应该是什么样子的?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-01-21 01:09:16

最后使用了以下设置

代码语言:javascript
复制
server {

    root /var/www;
    index index.html index.htm;

    location =/ {
        try_files $uri $uri/ /index.html;
    }

    # Media: images, icons, video, audio, HTC
    location ~* \.(?:jpg|jpeg|gif|png|ico|cur|gz|svg|svgz|mp4|ogg|ogv|webm|htc)$ {
        expires 1M;
        access_log off;
        add_header Cache-Control "public";
    }

    # Javascript and CSS files
    location ~* \.(?:css|js)$ {
        try_files $uri =404;
        expires 1y;
        access_log off;
        add_header Cache-Control "public";
    }

    # Any route containing a file extension (e.g. /devicesfile.js)
    location ~ ^.+\..+$ {
        try_files $uri =404;
    }

    location /user {
        try_files $uri @yourapplication;
    }

    location /register {
        try_files $uri @yourapplication;
    }

    location /login {
        try_files $uri @yourapplication;
    }

    location @yourapplication {
        include uwsgi_params;
        uwsgi_pass unix:///tmp/uwsgi.sock;
    }
}

换句话说,对于生产,它在=/上提供静态文件,而对于其他每一端,ponint将其传递给flask。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59709888

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档