XMLHttpRequest ne peut pas charger le fichier. Origine de la croix demandes sont prises en charge uniquement pour HTTP

J'obtiens l'erreur suivante:

XMLHttpRequest cannot load file:///C:/Users/richa.agiwal/Desktop/get/rm_Library/templates/template_viewSettings.html. Cross origin requests are only supported for HTTP.

Je me rends compte que cette question a été répondu avant, mais j'ai toujours pas trouvé une solution à mon problème. J'ai essayé de courir chrome.exe --allow-file-access-from-files à partir de l'invite de commande, et déplacé le fichier dans le système de fichiers local, mais j'obtiens toujours la même erreur.

J'apprécie toutes les suggestions!

InformationsquelleAutor xTMNTxRaphaelx | 2013-11-18
  1. 154

    Si vous faites quelque chose comme l'écriture de code HTML et Javascript dans un éditeur de code sur votre ordinateur personnel, et de tester le résultat dans votre navigateur, vous obtiendrez probablement des messages d'erreur sur Cross Origin Requests. Votre navigateur va afficher le code HTML et Javascript, jQuery, angularJs dans votre navigateur, sans avoir besoin d'un serveur mis en place. Mais de nombreux navigateurs web sont programmé pour regarder de la croix des attaques du site, et de bloquer les demandes. Vous ne voulez pas que n'importe qui d'être en mesure de lire votre disque dur à partir de votre navigateur web. Vous pouvez créer une page web à l'aide de Notepad++ qui va exécuter le Javascript, et des frameworks comme jQuery et angularJs; et essai tout simplement en utilisant Notepad++ élément de menu, RUN, LAUNCH IN FIREFOX. C'est une belle, facile façon de commencer la création d'une page web, mais quand vous commencez à créer quelque chose de plus que la mise en page, css et simple de navigation de la page, vous avez besoin d'un serveur local sur votre machine.

    Voici quelques options que j'utilise.

    1. Tester votre page web en local sur Firefox, puis déployez-la sur votre hôte.
    2. ou: Exécuter un serveur local

    Test sur Firefox, Déployer pour accueillir

    1. Firefox permet actuellement l'Origine de la Croix-des Demandes de fichiers desservies à partir de votre disque dur
    2. Votre site web d'hébergement de site vous permettra de demandes de fichiers dans des dossiers comme configuré par le fichier manifeste

    Exécuter un Serveur Local

    • Tourner un serveur sur votre ordinateur, comme Apache ou Python
    • Python n'est pas un serveur, mais un simple serveur

    Exécuter un Serveur Local avec Python

    Obtenir votre adresse IP:

    • Sur Windows: Ouvrez l'Invite de commandes'. Tous Les Programmes, Accessoires, Invite De Commandes
    • J'ai toujours exécuter le Command Prompt comme Administrator. Cliquez-droit sur le Command Prompt élément de menu et de regarder pour Run As Administrator
    • Tapez la commande: ipconfig et appuyez sur Entrée.
    • Recherchez: Adresse IPv4 . . . . . . . . 12.123.123.00
    • Il ya des sites qui va aussi afficher votre adresse IP

    Si vous ne disposez pas de Python, la télécharger et l'installer.

    À l'aide de l'Invite de commandes', vous devez aller dans le dossier où les fichiers que vous voulez servir comme une page web.

    • Si vous avez besoin de revenir à la Racine C:\ répertoire de type cd/
    • type de Lecteur de cd-rom:\Dossier\Dossier\etc pour obtenir le dossier dans lequel votre .Fichier Html (ou php, etc)
    • Vérifiez le chemin d'accès. type: chemin d'accès à l'invite de commande. Vous devez voir le chemin vers le dossier où python est situé. Par exemple, si python est en C:\Python27, alors vous devez voir cette adresse dans les chemins d'accès sont répertoriés.
    • Si le chemin vers le répertoire Python n'est pas dans le chemin d'accès, vous devez définir le chemin d'accès. tapez: help chemin d'accès et appuyez sur Entrée. Vous allez voir l'aide pour le chemin.
    • Tapez quelque chose comme: chemin de c:\python27 %path%
    • %path% conserve tous vos chemins actuels. Vous n'avez pas envie de perdre tous vos chemins actuels, il suffit d'ajouter un nouveau chemin.
    • Créer le nouveau chemin d'accès du dossier où vous voulez servir les fichiers.
    • Démarrer le Python Serveur: Type: python -m SimpleHTTPServer port Où "port" est le numéro du port que vous souhaitez, par exemple python -m SimpleHTTPServer 1337
    • Si vous quittez le port de vide, la valeur par défaut est le port 8000
    • Si le Python serveur démarre avec succès, vous verrez un msg.

    Exécuter Une Application Web Localement

    • Ouvrez un navigateur
    • Dans la ligne d'adresse de type: http://your IP address:port
    • http://xxx.xxx.x.x:1337 ou http://xx.xxx.xxx.xx:8000 par défaut
    • Si le serveur fonctionne, vous verrez une liste de vos fichiers dans le navigateur
    • Cliquez sur le fichier que vous voulez servir, et il doit afficher.

    Des solutions les plus avancées

    • Installer un éditeur de code, serveur web, et d'autres services qui sont intégrés.

    Vous pouvez installer Apache, PHP, Python, SQL, des Débogueurs, etc. tous séparément sur votre machine, puis passer beaucoup de temps à essayer de comprendre comment les faire travailler tous ensemble, ou de chercher une solution qui combine toutes ces choses.

    J'aime utiliser XAMPP avec l'EDI NetBeans. Vous pouvez également installer WAMP qui fournit un User Interface de la gestion et de l'intégration Apache et d'autres services.

    • Si vous n'êtes pas familier avec les commandes en cours d'exécution à partir de la MS-dos invite de commande, vous pouvez obtenir plus d'informations sur Wikipédia: [lien]en.wikipedia.org/wiki/List_of_DOS_commands
    • Est-il un moyen de résoudre ce problème uniquement avec wamp? Je suis sous wamp et continuez à recevoir ce message. Apache, php et mysql sont tous à jour
    • Malheureusement, je n'ai pas été à l'aide de WAMP, et ne pas avoir de réponse pour vous. Peut-être poser une nouvelle question spécifique à votre installation.
    • Est-il un moyen de désactiver l'origine de la croix-vérifier ou ajouter le protocole file:// pour elle? Je travaille dans un mobile webview qui montre file://s que la carte de ressources dans l'apk et je suis en train de charger une babel js script qui transforme en interne <script type="text/babel" src="file://..."> pour un XMLHttpRequest.
    • Tant pis, il fixe par agitation de l'enfant avec l'application d'intentions et de nav hrefs. Sur le bureau, j'ai ajouté de la scro en-têtes de chrome pour le débogage.
    • Génial, sur Windows >python -m SimpleHTTPServer Desservant HTTP sur 0.0.0.0 port 8000 ... et maintenant je peux charger <localhost:8000/index.html>

    InformationsquelleAutor Alan Wells
  2. 91

    Solution Simple

    Si vous travaillez avec du pur html/js/css fichiers.

    Installer ce petit serveur(lien) app dans google chrome. Ouvrez l'application et le point de l'emplacement des fichiers de votre répertoire de projet.

    Rendez-vous sur l'url affichée dans l'application.

    Edit: la meilleure solution à l'aide de Gulp

    Étape 1: Pour installer Gulp. Exécuter la commande suivante dans votre terminal. 

    npm install gulp-cli -g
npm install gulp -D

    Étape 2: à l'Intérieur de votre répertoire de projet de créer un fichier nommé gulpfile.js. Copier le contenu suivant à l'intérieur.

    var gulp        = require('gulp');
var bs          = require('browser-sync').create();   

gulp.task('serve', [], () => {
        bs.init({
            server: {
               baseDir: "./",
            },
            port: 5000,
            reloadOnRestart: true,
            browser: "google chrome"
        });
        gulp.watch('./**/*', ['', bs.reload]);
});

    Étape 3: Installer la synchronisation de navigateur gulp plugin. Dans le même répertoire où gulpfile.js est présent, exécutez la commande suivante

    npm install browser-sync gulp --save-dev

    Étape 4: Démarrer le serveur. Dans le même répertoire où gulpfile.js est présent, exécutez la commande suivante

    gulp serve
    • Fantastique!!!! Sandy réponse est complète, mais votre réponse battements de mains vers le bas pour faire le travail maintenant plus de commodité.
    • Génial! Pas besoin de se souvenir de fantaisie routines pour faire de la SCRO travail!
    • Excellent petit app. Thx 🙂
    • brillilant , le meilleur et le plus simple solution de
    • J'aime solutions simples. Merci.
    • Ce lien n'est plus disponible
    • Ce serait cool d'avoir quelque chose à tester avec plusieurs navigateurs, mais génial réponse pour une solution rapide. Merci!!!!
    • très pratique, autonome, portable, etc.!
    • C'est génial. Il n'y a pas besoin de suivre les étapes ci-dessus plus encore - vous pouvez choisir un dossier de l'application, et la index.html dans ce dossier seront automatiquement servi lorsque vous naviguez sur l'URL du serveur!
    • Kr cela ne fonctionne pas plus, malheureusement. La syntaxe de la gulpfile dans gulp 4 est maintenant gulp.task('serve', function() {.

    InformationsquelleAutor Sushant Kr
  3. 2

    Cette erreur se produit parce que vous êtes juste à l'ouverture des documents html directement depuis le navigateur. Pour corriger cela, vous devez signifier votre code à partir d'un serveur web et d'y accéder sur localhost. Si vous avez Apache installation, l'utiliser pour servir vos fichiers. Certains IDE ont construit dans les serveurs web, comme JetBrains IDE, Eclipse...

    Si vous avez Node.Js le programme d'installation vous pouvez utiliser serveur http. Il suffit d'exécuter npm install http-server -g et vous serez capable de l'utiliser dans le terminal comme http-server C:\location\to\app.
    Kirill Fuchs

    InformationsquelleAutor MEAbid
  4. 1

    J'ai été confronté à cette erreur alors que j'ai déployé mon projet d'API Web en local et j'ai été l'appel de l'API du projet uniquement avec l'URL donnée ci-dessous:

    localhost//myAPIProject

    Depuis le message d'erreur dit qu'il n'est pas http://ensuite, j'ai changé l'URL et mettre un préfixe http comme indiqué ci-dessous et l'erreur a disparu.

    http://localhost//myAPIProject

    InformationsquelleAutor Usman
  5. 0

    Si vous utilisez le WebStorm Javascript IDE, vous pouvez simplement ouvrir votre projet de WebStorm dans votre navigateur. WebStorm va démarrer automatiquement le serveur et que vous n'obtenez pas une de ces erreurs de plus, parce que vous êtes maintenant accéder aux fichiers d'/protocoles pris en charge (HTTP).

    InformationsquelleAutor mathew11
  6. 0

    Dépend de vos besoins, mais il est également un moyen rapide temporairement vérifier votre (dummy) JSON en enregistrant votre JSON sur http://myjson.com. Copie de l'api de lien et de le coller dans votre code javascript. Alto! Lorsque vous souhaitez déployer les codes, vous ne devez pas oublier de changer cette url dans votre code!

    InformationsquelleAutor
  7. 0

    À ajouter à Alan Wellss'élaborer la réponse ici est une solution rapide

    Exécuter un Serveur Local

    vous pouvez servir tout dossier dans votre ordinateur avec Servir

    D'abord, accédez à l'aide de la ligne de commande dans le dossier que vous souhaitez servir.

    Puis

    npx i -g serve
serve

    ou si vous souhaitez tester Servir avec le téléchargement, il

    npx serve

    et c'est tout! Vous pouvez afficher vos fichiers à http://localhost:5000

    XMLHttpRequest ne peut pas charger le fichier. Origine de la croix demandes sont prises en charge uniquement pour HTTP

    InformationsquelleAutor Bar Horing
  8. -1

    Place votre dossier de projet dans le dossier htdocs de Xampp répertoire
    Démarrez votre serveur Apache en utilisant xampp control panel
    ensuite, ouvrez un navigateur goto
    localhost/projectfolder
    puis il commencer à travailler

    • Cette réponse n'est pas complète.
    • salut William Dunne, ce qui manquait dans ce permettez-moi de connu pour que je puisse améliorer ma réponse..
    • Vous êtes en supposant qu'il a déjà XAMPP déjà installé, ce qui ne semble pas être indiqué dans la question d'origine, et si vous êtes ce qui suggère l'installation de quelque chose de nouveau, il est généralement une bonne idée d'expliquer pourquoi, et à l'origine de l'erreur - en particulier pour les personnes à l'avenir de la lecture de ce.
    InformationsquelleAutor sunil KV