Configurer Chrome pour prendre en charge les requêtes AJAX locales (protocole de fichier) (tutoriel graphique)

Cet article présente principalement en détail comment configurer Chrome pour prendre en charge les requêtes AJAX locales (protocole de fichier). Il a une certaine valeur de référence. Les amis intéressés peuvent se référer à

Quels sont les problèmes ? >

Dans le processus de développement WEB, nous écrivons souvent quelques démos simples au lieu de développer un projet complet. À l'heure actuelle, nos opérations communes 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 pour exécuter la démo directement dans le navigateur

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

XMLHttpRequest ne peut pas charger file:///Users/iceStone /Documents /Learning/angular/demo/angular-moviecat/movie/view.html 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 .

La raison est très simple. La politique de sécurité du navigateur (noyau Webkit) détermine que les applications accessibles par le protocole de fichier ne peuvent pas utiliser l'objet XMLHttpRequest. déclare :

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.

Requêtes d'origine croisées Ne prend en charge que les protocoles : http, data, chrome, chrome-extension, https, chrome-extension-resource

Cette opération est autorisée dans certains navigateurs, tels que le navigateur Firefox, c'est-à-dire on dit que Filefox prend en charge les requêtes AJAX sous le protocole de fichier.

Solution

En tant que mon Chrome préféré, il est puissant. Il n'y a rien à dire, je peux seulement imaginer qu'il n'y a presque rien. Je ne peux pas le faire, donc Doit et doit être pris en charge :

Windows :

• Définissez les propriétés du raccourci de Chrome et ajoutez –allow-file après «target» -access-from-files, notez qu'il y a un espace devant, 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 et vous pouvez ensuite bloquer l'accès sécurisé [ –args : Ce paramètre est facultatif]

Instructions supplémentaires

À long terme, vous devrez certainement accéder à votre application via HTTP, vous devez donc 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 de bon à dire pour les é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, je recommande 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 Google lui-même

•Command+ Shift+P ou Ctrl+Shift +P pour ouvrir le panneau de commande, entrez Package Control : Install 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, passez 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

Jusqu'à présent, vous pouvez déjà utiliser le serveur HTTP dans Sublime.

Problèmes possibles

Si on ne peut pas cliquer sur Démarrer SublimeServer, il se peut que le port 8080 actuel soit occupé (SublimeServer utilise le port 8080 par défaut)

La solution est d'ouvrir le fichier de configuration et de changer le port en un autre port :

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 disposent également de plug-ins similaires.

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles associés :

Implémentation simple de l'effet de pagination AJAX (tutoriel graphique)

Lors de l'utilisation de frameworks tels qu'Ajax ou Solution de traitement Easyui Json-lib (tutoriel graphique)

Ajax réalise un chargement infini de listes et des effets d'options déroulantes secondaires

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!