0
J'ai mis en place un nœud de base, exprime, réagit application et express sert le contenu statique, y compris mon css. Quand je regarde la source, je remarque que index.html a ajouté ce dans la balise de tête:Pourquoi mon serveur ajoute-t-il un style mystère à index.html?
<style type="text/css">* {}</style>Il est un air de défi pas dans le fichier réel. D'où est-ce que sa vient?
En outre, je ne vois pas mon rendu css réel sur la page. Cependant, je vois que le fichier css est en cours de chargement dans l'onglet réseau chrome. Je vois aussi le style bootstrap très bien et ils sont servis de la même façon. Que se passe t-il ici?
Mon serveur:
var express = require('express'),
bodyParser = require('body-parser'),
http = require('http'),
path = require('path');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(express.static(path.join(__dirname, 'public')));
app.use(cors());
app.get('*', function(req, res) {
res.sendFile(path.join(__dirname, 'public', 'index.html'));
});
http.createServer(app).listen(8080), function() {
console.log('Express server listening on port 8080');
});C'est ce que j'ai dans mon css
body{
color: red;
}
Vous demandez pourquoi le serveur ajoute des choses mais aucune information sur le serveur lui-même ... –
À quoi ressemble 'index.html'? Aussi, afin d'éviter tout plugin de navigateur injectant le CSS, avez-vous essayé de charger la page en mode privé/privé avec toutes les extensions désactivées? – godfrzero
Habituellement, les serveurs n'ajoutent pas de données supplémentaires, sauf indication contraire. Cette ligne devrait avoir pour une raison différente. Ce sera mieux si vous pouvez partager votre 'index.html' et votre css. –