Webpack-dev-server: Rotas Aninhadas

Olá a todos, estou desenvolvendo um projeto em react/redux, utilizando o react-router-dom e o webpack para fazer o bundle. No meu ambiente de desenvolvimento estou utilizando o webpack-dev-server para testar meu código. Para minhas rotas, estou utilizando o BrowserRouter do react-router-dom, e para que ele funcione com o webpack-dev-server precisei adiciona a opção: historyApiFallback: true no meu webpack.config.js dentro da chave devServer, assim o webpack-dev-server vai redirecionar todas as urls que não encontrar para o index.html, necessário para que o BrowserRouter funcione adequadamente com o urls tipo http://localhost/sobre.

Dando continuidade ao meu projeto, me deparei com o seguinte erro:

Unexpected token <

Ao tentar rotear urls aninhadas tipo: http://localhost/usuario/123, o navegador me retornava o erro citado a cima sem nenhum detalhe. Após  algum tempo lendo a documentação sem encontrar nada a respeito e vários posts na internet, finalmente consegui achar um meio dele funcionar, no meu index.html o link para meu bundle javascript  estava assim:

<script src='app.js'></script>
<link rel='stylesheet' href='app.css'>

ao adicionar  a barra na frente resolveu o problema.

<script src='/app.js'></script>
<link rel='stylesheet' href='/app.css'>

Dessa forma passou a funcionar corretamente.

StartSSL – Certificado Gratuito para o seu Site

startssl Olá galera, venho aqui com uma dica de como deixar seu site seguro e ter acesso a algumas funcionalidades do html5 ( como geolocalização e cache de arquivos ) que estão sendo liberadas apenas para sites com https.

O custo de certificados ssl no Brasil é muito alto, sendo um classe 1 em torno de R$ 1700,00 pela CertSign. A empresa startssl.com, fornece gratuitamente certificados classe 1 com validade de 1 ano totalmente de graça. Basta se cadastrar no site deles, e seguir alguns passos:

Continue lendo “StartSSL – Certificado Gratuito para o seu Site”