Здравствуйте, скажите пожалуйста, как реализовать сразу заход на страницу компонента?

Question

[Максим]

Добрый вечер. Может не очень верный вопрос, но дело в том что не знаю как точнее его задать. Покажу пример.
Есть routes:

export default (
	<div>
        <Route exact path='/' component={Home} />
        <Route path='/auth' component={Auth} />
        <Route path='/photo/:id' component={DetailPhoto} />
    </div>
);

и есть собственно роутер.

ReactDOM.render(
	<Router>
		{routes}
	</Router>,
    document.querySelector('#app')
);

как сделать так, чтобы возможно было изначально заходить на site.com/auth, чтобы рендерился компонент?

Comments

[Даниил Лебединский]

Настроить редирект с корневого адреса на /auth

[Максим]

Даниил Лебединский, А можно подробнее, как это сделать?
я вообще делаю чуть другую задумку, но пока хотя бы в этом хочу разобраться.

[Максим]

Даниил Лебединский, И суть не в том, чтобы именно на auth попадать.
На любой адрес, который есть в routes, может я еще 10 добавлю.

[Роман Александрович]

Даниил Лебединский,

<Switch>
                        <Route exact path="/"
                                      component={Sources}
                                      isAuthenticated={isAuthenticated}/>
                        <Route exact path="/sources/:sourceId"
                                      component={Categories}
                                      isAuthenticated={isAuthenticated}/>
                        <Route exact path="/sources/:sourceId/categories/:categoryId"
                                      component={Items}
                                      isAuthenticated={isAuthenticated}/>
                        <Route exact path="/sources/:sourceId/categories/:categoryId/items/:itemId"
                                      component={Item}
                                      isAuthenticated={isAuthenticated}/>
                        <Route exact path="/item/:index"
                                      component={ItemInvoice}
                                      isAuthenticated={isAuthenticated}/>
                        <Route exact path="/overeenkomsten"
                                      component={Overeenkomsten}
                                      isAuthenticated={isAuthenticated}/>
                        <Route component={Sources}/>
                    </Switch>

Answer 1

[Максим]

Может быть не все меня поняли, но я нашел ответ.

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.html$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.html [L]
 </IfModule>

Вот такой вот htaccess сработал, теперь все запросы переходят на index.html, а уже там реакт сам рендерит что надо.