Erreur de "Cross Origin" lors du chargement d'un fichier de langue

**sovo** · 29/05/2016, 01h57

Bonjour a tous

J'ai un problème que je ne comprend pas bien. J'ai mis en le système de traduction sur ma page, mais lorsque je lance la page, j'ai une erreur :

XMLHttpRequest cannot load file:///D:/DEV/angularTest/language/locale-fr.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Voici l'architecture de ma page :

un fichier app.js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
var app = angular.module('appTest',['pascalprecht.translate']);
 
app.config(function ($translateProvider) {
 
  $translateProvider.useStaticFilesLoader({
    prefix: 'language/locale-',
    suffix: '.json'
  });
 
  $translateProvider.preferredLanguage("fr");
});

un fichier index.html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
	<head>
 
	</head>
 
	<body ng-app="appTest" ng-controller="HomeController">
		{{"welcome" | translate}} <a href="#/second">{{name}}</a>
 
		<div ng-view></div>
 
		<script type="text/javascript" src="libs/angular/angular.min.js"></script>
		<script type="text/javascript" src="libs/angular/angular-translate.min.js"></script>
		<script type="text/javascript" src="libs/angular/angular-translate-loader-static-files.min.js"></script>
		<script type="text/javascript" src="scripts/app.js"></script>
		<script type="text/javascript" src="scripts/controllers/IndexController.js"></script>
	</body>
</html>

Sur tous les tutos le code ressemble a ca, mais ils ne mentionnent pas ce problème de cross origine, ni comment le résoudre.

**NoSmoking** · 29/05/2016, 08h27

Bonjour,

XMLHttpRequest cannot load file:///D:/DEV/

passe par un serveur local, EasyPHP, WampServer...

**Beginner.** · 29/05/2016, 17h18

Salut,

J'ai déjà eu ce problème-là une fois, je n'y connais rien en serveur donc je n'avais pas pensé à la solution de NoSmoking, mais au cas où cela vous intéresserait et si c'est une page locale alors il a suffit pour moi de lancer Chrome avec l'option : -allow-file-access-from-files

J'avais fait un raccourcis à part avec cette option pour éviter de tout retaper à chaque fois dans une ligne de commande...

**NoSmoking** · 29/05/2016, 19h36

... il a suffit pour moi de lancer Chrome avec l'option : -allow-file-access-from-files

c'est effectivement une solution de repli et coté option Chrome est un champion si l'on regarde ce que l'on trouve dans les sources, surement plus de 1000 !