Antes de entrar no tópico, clique no quadro-negro. Navegadores diferentes têm limites diferentes no número de conexões simultâneas no mesmo domínio. É por isso que grandes fabricantes têm muitos nomes de domínio diferentes para carregar recursos.
Veja o navegador Chrome como exemplo.
Esse quadro deve ficar claro à primeira vista, os recursos de um mesmo domínio podem solicitar uma determinada quantia ao mesmo tempo no máximo (6). Sabendo dessa premissa, comece a entrar no assunto
Como membro do front-end, o SPA deve estar familiarizado com ele e tem grande importância para a separação do front-end e do back-end.
O que quero dizer aqui, quando houver muitas rotas em seu projeto pwa
, haverá mais dados consultados em cada rota. Quando você muda de rota rapidamente, os problemas mencionados acima podem ocorrer, o que bloqueará sua conexão.
Claro, se o seu serviço responde rapidamente, não há problema em obter resultados dos usuários
. Se você tem uma rota com 5 interfaces, cliquei em cinco rotas em 1 segundo. Na verdade, o último dado útil é a última rota. Dados , outros recursos redundantes solicitados são virtualmente desperdiçados.
Precisa cancelar solicitações de interface desnecessárias ao alternar para ser considerado aqui,
Este é o método de cancelamento de axios
const axios = require('axios');
const CancelToken = axios.CancelToken;
const source = CancelToken.source();
axios.get('http://localhost:4000/test/ax', {
cancelToken: source.token
}).catch(function (thrown) {
if (axios.isCancel(thrown)) {
console.log('Request canceled', thrown.message);
} else {
// handle error
}
});
// cancel the request (the message parameter is optional)
setTimeout(() => {
source.cancel('Operation canceled by the user.');
}, 4000)
A solução aqui é obter a interface pendente da página. Ao mudar a rota, cancele a interface pendente. Vamos parar aqui,
codificar o código ~~ e você será mais preciso nos detalhes. . . .
Se o front end tiver um servidor de cancelamento, é necessário cancelar o thread ou processo para reduzir o consumo de desempenho?
Você pode ver https://blog.csdn.net/ihtml5/article/details/106478880