[RESOLVIDO] Error 404 na Produção

10 de julho de 2020 3 respostas Resolvido

rodriguesabner 10 de julho de 2020

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.

Quando atualiza a página ele da erro
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?

3 Respostas

Lucas_Camara 10 de jul. de 2020 1 like

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.

rodriguesabner 10 de jul. de 2020

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

Solucao aceita

rodriguesabner 10 de jul. de 2020 1 like

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;

Criado 10 de julho de 2020

Ultima resposta 10 de jul. de 2020

Respostas 3

Participantes 2

3 Respostas

Topicos relacionados