Dva: Como usar o browserHistory no ambiente de desenvolvimento e no ambiente de construção?

Criado em 20 out. 2016  ·  11Comentários  ·  Fonte: dvajs/dva

De acordo com a documentação oficial
import {browserHistory} from'dva / router ';
// 1. Inicializar
const app = dva ({
history: browserHistory,
});

Isso é normal, mas outras páginas na rota de acesso não são encontradas.
Quando o url tem # caracteres, é normal.Por favor informar

faq question

Comentários muito úteis

Como usar o histórico do navegador no ambiente de desenvolvimento de servidor roadhog

Todos 11 comentários

Depois de usar o browserHistory, o servidor precisa configurar o pan-routing e apontar todas as rotas para o arquivo index.html

Pergunte a @lincenying @sorrycc
Portanto, se for um scaffold criado com dva-cli e dora for usado como servidor de desenvolvimento, como ele deve ser configurado?
Além disso, o que devemos fazer se implantarmos o ambiente online normalmente (gerado com a construção de ferramentas)?

Existe algum tutorial ou demonstração que ele busque agradeça a @lincenying @sorrycc

Em modo de desenvolvimento

Use dora-plugin-browser-history , lembre-se de especificar o índice .

Ambiente de construção

Precisa de suporte de servidor, com nginx ou roteamento de processamento em lote no servidor (como nó), por exemplo: https://github.com/sorrycc/dva-boilerplate-isomorphic/blob/master/server/server.js#L22

funciona como um encanto ✌️
thx @sorrycc

Adicione a configuração simples de nginx:

server {
    listen 8088;
    listen [::]:8088;

    root /opt/web/static;

        location / {
          try_files $uri /index.html;
        }
}

Gerado atool-build
index.css
index.html
index.js
Basta colocá-lo na raiz nginx, aqui /opt/web/static

        location / {
          try_files $uri /index.html;
        }

Não há problema se a página não for atualizada.O problema que encontrei é que quando dev.site/foo/bar roteado para esta página, f5 é atualizado e o caminho dos arquivos de recursos como js, ​​css, etc. também são alterados.

dev.site/foo/bar/common.js 
...
dev.site/foo/bar/index.css

Não sei como configurar o nginx nesta situação. Obrigado

O link do arquivo de recurso @xjdata usa um caminho absoluto, como /common.js .

@sorrycc Obrigado.

Como usar o histórico do navegador no ambiente de desenvolvimento de servidor roadhog

Também peça ajuda, como usar o histórico do navegador no ambiente de desenvolvimento de servidor roadhog?

Esta página foi útil?
0 / 5 - 0 avaliações