如何设置ReactJs应用的上下文根？

Question

我需要将react应用的上下文根设置为/ myApp，因此应用链接将为https：// mydomain / myApp而不是https：// mydomain。我试图设置路由器的基本名称，但是没有用。不知道我错过了什么。这是代码段。

    import './styles/style.less';
    import React from 'react';
    import { render as renderToDOM } from 'react-dom';
    import { BrowserRouter as Router, Route, Redirect } from "react-router-dom";
    import Home from './components/Home';
    
    import { createStore, combineReducers, applyMiddleware } from 'redux'
    import ReduxThunk from 'redux-thunk'
    import { Provider } from 'react-redux';
    
    import { commonReducer } from './reducers/commonReducers';
    import { authReducer } from './reducers/authReducers';
    import { regionReducer } from './reducers/regionReducers';
    
    const { container } = global;
    container.style.display = null;
    
    const reducers = combineReducers({
        commonReducer,
        authReducer,
        regionReducer
    });
    
    const store = createStore(reducers, applyMiddleware(ReduxThunk));
    
    render();
    
    function render() {
        try {
            renderToDOM((
                <Provider store={store}>
                    <Router basename='/myApp'>
                        <Route path='/'>
                            <Home />
                        </Route>
                    </Router>
                </Provider>        
            ), container);
        }
        catch (e) {
            if (process.env.NODE_ENV !== 'production') {
                // TODO show an application error display
            }
            throw e;
        }
    }

使用上面的代码，该应用程序仍在https：// mydomain加载。当我点击https：// mydomain / myApp时，它会引发404 Not Found错误。

任何帮助将不胜感激。