Quelques problèmes courants avec Nuxt.js (tutoriel détaillé)

Cet article présente principalement le résumé et le partage des pièges de Nuxt.js. Maintenant, je le partage avec vous et vous donne une référence.

Problèmes de construction

1. Comment introduire les fichiers js dans le head ?

Contexte : Dans le Nuxt.js implémente la gestion des balises d'en-tête via vue-meta En visualisant le document, on constate qu'il peut être configuré comme suit :

// nuxt.config.js
head: {
 script: [
  { innerHTML: 'console.log("hello")', type: 'text/javascript', charset: 'utf-8'}
 ]
}

En conséquence, du html est généré : <🎜. >

<script data-n-head="true" type="text/javascript" charset="utf-8">console.log("hello")</script>

Nous avons constaté que vue-meta avait échappé aux guillemets. Après avoir ajouté __dangerouslyDisableSanitizers : ['script'], ces caractères ne seront plus échappés. Veuillez utiliser ce champ avec prudence !

Ensuite, vous devez remplacer le contenu de console.log("hello") par flexible.js. Une fois la configuration mise à niveau :

head: {
 script: [{ innerHTML: require('./assets/js/flexible'), type: 'text/javascript', charset: 'utf-8'}],
 __dangerouslyDisableSanitizers: ['script']
}

Le piège est résolu avec succès, le prochain piège...

2. Comment utiliser les préprocesseurs

Contexte : Utiliser divers préprocesseurs sur