Comment configurer Google Chrome pour prendre en charge les requêtes AJAX du protocole de fichier

Cette fois, je vais vous montrer comment configurer Google Chrome pour prendre en charge les requêtes AJAX du protocole de fichier. Quelles sont les précautions pour configurer Google Chrome pour prendre en charge les requêtes AJAX du protocole de fichier. cas pratique. Jetons un coup d'oeil une fois.

Quel est le problème

Au cours du processus de développement WEB, nous écrivons souvent quelques démos simples au lieu de développer un projet complet. Nos opérations courantes en ce moment sont : <.>

• Créez un nouveau dossier

• Créez les fichiers requis
• Complétez le codage DEMO dans Sublime (ou autre
éditeur ) • Double-cliquez sur le fichier HTML, Exécutez la démo directement dans le navigateur

S'il y a une opération AJAX dans la démo à ce moment, le navigateur signalera une erreur :

XMLHttpRequest ne peut pas se charger file:///Users/iceStone/Documents/Learning/angular/demo/angular-moviecat/movie/view.html. ne sont pris en charge que pour les schémas de protocole : http, data, chrome, chrome-extension, https, chrome-extension-resource

La raison est simple, la politique de sécurité du. navigateur (noyau Webkit) Les applications qui déterminent l'accès au protocole de fichier ne peuvent pas utiliser l'objet XMLHttpRequest. Le message d'erreur indique également clairement :

Les requêtes d'origine croisée ne sont prises en charge que pour les schémas de protocole : http, data, chrome, chrome. -extension , https, chrome-extension-resource.

Les requêtes inter-domaines prennent uniquement en charge les protocoles : http, data, chrome, chrome-extension, https, chrome-extension-resource

Dans un certain Cette opération est autorisée dans certains navigateurs, comme le navigateur Firefox, ce qui signifie que Filefox prend en charge les requêtes AJAX sous le protocole de fichier.

Solution

Comme mon Chrome préféré, il est puissant. Il n'y a rien à dire sauf que c'est inattendu et presque impossible, il faut donc le supporter : <.>

Windows : • Définissez les propriétés du raccourci de Chrome et ajoutez –allow-file-access-from-files après "target", remarquez qu'il y a un espace devant lui, rouvrez simplement Chrome.

Mac : • Le navigateur ne peut être ouvert que via le terminal : Ouvrez le terminal et saisissez la commande suivante : open -a " Google Chrome » – args –disable-web-security peut alors bloquer l'accès sécurisé [ –args : Ce paramètre est facultatif]

Explication supplémentaire

À long terme, vous Vous devez absolument accéder à votre application via HTTP, puis vous devez configurer le logiciel serveur HTTP. Cependant, pour certains étudiants qui débutent, la mise en place d’un serveur HTTP (comme Apache, IIS, etc.) s’avère fastidieuse et prohibitive.

•Il n'y a rien à dire aux étudiants qui utilisent des IDE. Chaque IDE utilisé pour le développement Web possède un serveur http intégré, il n'est donc pas nécessaire de le configurer séparément.

•Pour les étudiants qui aiment les éditeurs légers, tels que Sublime Text, il n'a pas de serveur HTTP intégré par défaut

Ensuite, nous recommandons un plug-in Sublime, Sublime Server, qui peut fournir un serveur HTTP de fichiers statiques, l'utilisation spécifique est la suivante :

•Installer Package Control (l'outil de gestion de plug-in de Sublime), qui n'installera pas son propre Google

•Command+Shift+P ou Ctrl +Maj+P pour ouvrir le panneau de commande, entrez dans le contrôle du package : installer le package

•Attendez un instant (il se connectera au serveur du fournisseur de plug-in, qui est lent et peut être derrière le mur), recherchez SublimeServer
•Une fois l'installation terminée, allez dans Outil → SublimeServer → Démarrer SublimeServer
•Assurez-vous d'utiliser Sublime en ouvrant un dossier, sinon vous ne pourrez pas utiliser SublimeServer normalement.
•Ouvrez le fichier HTML et sélectionnez Afficher dans SublimeServer dans le menu contextuel. À ce moment, vous pouvez accéder au fichier dans le navigateur via HTTP
•Si cette option est grise, cela signifie que SublimeServer est. pas démarré., Outil → SublimeServer → Démarrer SublimeServer

À ce stade, vous pouvez déjà utiliser le serveur HTTP dans Sublime.

Problèmes possibles

Si on ne peut pas cliquer sur Démarrer SublimeServer, le port actuel 8080 est peut-être occupé (SublimeServer utilise le port 8080 par défaut)

La solution est d'ouvrir le fichier de configuration et changez le port Modifier vers d'autres ports :

Voici ma configuration :

{
  "attempts": 5,
  "autorun": false, // 是否在启动Sublime时自动启动SublimeServer
  "defaultExtension": ".html",
  "interval": 500,
  "mimetypes":
  {
    "": "application/octet-stream",
    ".c": "text/plain",
    ".h": "text/plain",
    ".py": "text/plain"
  },
  "port": 2016 // 端口号
}

Bien sûr, d'autres éditeurs ont également des plug-ins similaires.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment passer un tableau en arrière-plan avec ajax

Comment implémenter l'effet de pagination AJAX

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!