首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何为prerender React App配置nginx?

如何为prerender React App配置nginx?
EN

Stack Overflow用户
提问于 2019-07-11 20:02:34
回答 2查看 472关注 0票数 0

我有React应用程序。

它在本地机器上运行良好(app + prerender-spa-plugin)。我使用命令http-server into ./build package运行它

但是在服务器上出了问题-它的行为就像我用serve-s命令启动它一样。

服务器上有nginx镜像的docker。

我尝试重新配置nginx,让它对不同的URL使用不同的index.html,但再次失败

路由到保存静态图像的目录有问题吗?

如何解决这个问题?或者我可以在哪里找到关于它的信息?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-07-15 14:19:53

我决定了。我的配置

代码语言:javascript
运行
复制
location / {
            root   /usr/share/nginx/html;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
        }

来自官方文档:“可以通过在名称末尾指定一个斜杠来检查目录的存在,例如”$uri/“。”

https://i.stack.imgur.com/PusBE.png

票数 0
EN

Stack Overflow用户

发布于 2019-07-11 20:11:16

你必须在nginx服务器上创建虚拟主机,并将其指向应用程序的build文件夹。别忘了运行npm run build

简单的nginx配置

代码语言:javascript
运行
复制
server {

    listen 80;
    listen [::]:80;

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

    server_name reactjsapp.com;

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

        location ~ /\.ht {
            deny all;
        }

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

https://stackoverflow.com/questions/56988746

复制
相关文章

相似问题

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