[RESOLVIDO] Error 404 na Produção

Boa noite pessoal, eu tô com um probleminha aqui desde uns dias e nao consigo resolver. Eu fiz um site e local ele funciona tranquilo… mas quando eu jogo ele na produção, no servidor, ele começa a apresentar problemas.

  1. Quando atualiza a página ele da erro
  2. Quando clica em uma página que existe ele dá erro.

URL: http://forum.kingaspx.com

Exemplo:

Eu criei um .htaccess, mas nao adiantou

<IfModule mod_rewrite.c>
  RewriteEngine on
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

import Header from '../components/Header/Header'
import Home from '../pages/Home/Home'
import NovoPost from '../pages/Home/NovoPost/NovoPost'
import Browse from '../pages/Browse/Browse'
import DetailPost from '../pages/Home/DetailPost/DetailPost'

const Routes = () => {
    return (
        <Switch>
            <div>
                <Header />
                <Route exact path="/" component={Home} />
                <Route path="/explorar" component={Browse} />
                {/* Novo Post */}
                <Route path="/post/new" component={NovoPost} />
                {/* Detail Post */}
                <Route path="/posts/:id" component={DetailPost} />
            </div>
            <Route path="*" component={null} />
        </Switch>
    )
}

export default Routes;

Alguém ja passou pela mesma situação?

Mano, nunca passei por esse problema, mas pesquisando, tem essa solução: https://stackoverflow.com/a/15061280. O cara fala sobre desabilitar um modo MultiViews. Como sua aplicação parece ser singlepage, talvez faça sentido tentar essa solução.

1 curtida

Opa valeu, mas não consegui também… Já pesquisei coisa pra caramba disso, vou ter que apelar pra os caras da hospedagem mesmo

Nossa, que bizzaro.

Antes eu estava usando o BrowserRouter e não estava funcionando:

import { BrowserRouter } from 'react-router-dom'

function App() {
  return (
    <BrowserRouter>
      <Routes />
    </BrowserRouter>
  )
}
export default App;

Troquei pra HashRouter e agora está funcionando corretamente:

import { HashRouter } from 'react-router-dom'

function App() {
  return (
    <HashRouter>
      <Routes />
    </HashRouter>
  )
}

export default App;
1 curtida