2使用react路由器反应部署在同一域上的项目nginx问题

Question

我有两个不同的react项目，我想在一个域上提供服务。

一个叫“客户端”，是前台的，一个是管理的，是后台的。基本URL是/，表示前台，/admin表示后台。

我的nginx.conf看起来像

`location /admin/ {
        alias /{{path_to_project}}/admin/build/;
        try_files $uri $uri/ /index.html;
    }
    location / {
        alias /{{path_to_project}}/client/build/;
        try_files $uri $uri/ /index.html;
    }`

它对客户来说工作得很好。然而，对于管理员，如果我在URL中键入domain.com/ admin，然后假设我将URL更改为domain.com /admin /并刷新页面，Nginx加载客户端包，即使它应该加载管理包，因为请求以/admin开始。谢谢你的帮忙

Answer 1

在创建要构建的set之前，您必须在package.josn中提到主路径。

客户端package.json主页地址: domain.com

管理员端package.jsno主页URL domain.com/admin

错误:在您使用react历史记录或将URL保存在react端的散列路由器的Nginx配置上没有错误

<HashRouter history={history}> 
   <Route path='/' component={IndexPage} exact={true} /> 
</HashRouter> ```