react create app ，nginx服务器配置

最新推荐文章于 2022-12-07 17:40:21 发布

詹小布

最新推荐文章于 2022-12-07 17:40:21 发布

阅读量474

点赞数

文章标签：运维 javascript ViewUI

原文链接：http://www.cnblogs.com/shenggen/p/7268824.html

版权

server{
    listen 80;
    server_name www.domain.com domain.com;
    location ~* \.js$ {
        root /home/hard/Project/game/web-client/build/js;
    }
    location / {
        root /home/hard/Project/game/web-client/build/html/;
    }
    location ~* html {
        rewrite .* /index.html break;
        root /home/hard/Project/game/web-client/build/html/;
    }
}

增加了一个 location 用来配置uri里头有html的，我用html来标识是否是客户端页面。

通过rewrite .* /index.html break;把一切path重写为/index.html,break很重要,它使得url的匹配结束，最终服务返回的文档其实是/home/hard/Project/game/web-client/build/html/index.html。

那个break决定了浏览器里的url是不变的，而http响应的文档其实就是index.html，而浏览器上的path，会自动的被react-router处理，进行无刷新的跳转，我们看到的结果就是path对应了那个页面！

转载于:https://www.cnblogs.com/shenggen/p/7268824.html