当路径不是"/“时，react-router + nginx入口刷新导致白屏

当路径不是"/"时，使用react-router和nginx作为入口时，刷新页面可能导致白屏的问题。这是因为在单页应用中，前端路由通过修改URL的hash或使用HTML5的history API来实现页面的切换，而刷新页面会发送一个新的HTTP请求，服务器会尝试去找到对应的资源，但由于前端路由的配置是在前端代码中，服务器无法正确地处理这个请求，导致返回的页面为空白。

为了解决这个问题，可以在nginx的配置中添加一个fallback选项，将所有非静态资源的请求都重定向到主页。以下是一个示例的nginx配置：

server {
    listen 80;
    server_name yourdomain.com;

    root /path/to/your/app;

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

上述配置中，try_files指令会按照给定的顺序尝试查找文件，如果找不到则重定向到index.html，这样就能保证所有非静态资源的请求都会被重定向到主页，由前端路由来处理。

对于react-router的配置，可以使用BrowserRouter组件来实现HTML5的history API路由模式。以下是一个示例的react-router配置：

import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

import Home from './components/Home';
import About from './components/About';
import NotFound from './components/NotFound';

const App = () => {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/about" component={About} />
        <Route component={NotFound} />
      </Switch>
    </Router>
  );
};

export default App;

在上述配置中，exact属性用于精确匹配路径，Switch组件用于只渲染第一个匹配的路由，Route组件用于定义具体的路由规则和对应的组件。

对于推荐的腾讯云相关产品，可以考虑使用腾讯云的云服务器（CVM）来部署应用，使用云数据库（CDB）来存储数据，使用云存储（COS）来存储静态资源，使用云原生容器服务（TKE）来管理容器化应用，使用云安全中心（SSC）来提供网络安全服务等。具体产品介绍和链接地址可以参考腾讯云官方文档或官网。

请注意，以上答案仅供参考，具体的配置和产品选择应根据实际需求和情况进行调整。