Quero configurar o middleware do meu craco.config.js, mas não sei como, então quero dicas. Meu arquivo atual é:
const {CracoAliasPlugin} = require('react-app-alias')
module.exports = {
plugins: [
{
plugin: CracoAliasPlugin,
options: {}
}
],
}
Descobri que preciso fazer algo:
devServer: (devServerConfig, { env, paths }) => {
devServerConfig = {
onBeforeSetupMiddleware: undefined,
onAfterSetupMiddleware: undefined,
setupMiddlewares: (middlewares, devServer) => {
// Define middlewares
return middlewares;
},
};
return devServerConfig;
},
Mas não sei como usá-lo e configurá-lo, e não quero implementar nenhum middleware por enquanto, apenas deixar a navegação sem autenticação. Mas, vou precisar deles no futuro, então, quero saber como configurá-lo e algumas dicas sobre o que é bom fazer aqui... também, se eu apenas implementar isso da maneira acima, ele me dá erro 404 .
Para configurar o devServer no seu arquivo craco.config.js , você está no caminho certo, mas precisa ter certeza de que está modificando-o corretamente para evitar o erro 404. O problema aqui é que você está definindo o devServerConfig para uma estrutura incompleta ou incorreta. Você não precisa redefinir o devServerConfig completamente, apenas personalizar a função setupMiddlewares .