React前端部署域名子路径

当访问类似http://www.domain.com/manager/，希望得到一个区别于访问http://www.domain.com/前端页面需要配置如下，

server {
	listen 80;
	server_name domain.com;

	#此处更改对应路径
	location ^~ /manager {
			alias /home/official/manager/build;
			index index.html index.htm;
	}
	location / {
			root /home/official/portal/build;
			index index.html index.htm;
	}
}

// basename将路由前缀统一加上/manager

        

// 更改homepage为对应路径即可
{
  "version": "0.1.0",
  "private": true,
  "homepage": "/manager",
  ...
 }

接口请求需要区分可以统一加上路径，再对应更改nginx配置，如axios中可以做如下配置

const httpClient = axios.create({
    // withCredentials: true,
    // timeout: 10000,
    baseURL: '/api', //统一路径api
    params: { random: new Date().getTime() },
});