angular.js - AngularJS的CORS错误

Question

初学angularjs，在使用指令的时候用到了templateUrl,直接使用该指令的话在chrome上是会报Cross Origin Request Script（CORS）错误，可能是基于安全考虑吧，不能直接加载file//文件。在ff下应该是可以的。

想问一下，在chrome下，有没有方式不通过搭建一个本地的服务器来解决这个问题，请各位大牛指教。

Answer 1

Précompilez le modèle directement et mettez-le en cache dans $templateCache, afin que le modèle précompilé puisse être chargé directement dans la page Web en tant que script sans problèmes inter-domaines. La précompilation automatique peut être utilisée pendant le développement (vous pouvez rechercher des solutions associées, telles que grunt + ngTemplate, etc.).

Si c'est la première fois que vous entrez en contact avec le concept de modèles précompilés, vous risquez d'être confus. Au début, j'ai vérifié beaucoup d'informations avant de franchir ce cap et d'en comprendre le principe. Cependant, je suis occupé maintenant et je n'ai pas le temps de l'expliquer en détail. Je vous suggère d'abord de rechercher des informations pertinentes sur la base du modèle précompilé de cinq mots. Je compléterai les détails quand j'aurai le temps.

Answer 2

http://stackoverflow.com/questions/16251420/couldnt-load-template-using-templateurl-in-angularjs

Answer 3

Il existe un plug-in Chrome. . . Recherche Google cors chrome Le premier est :)

Answer 4

Vous pouvez ajouter le paramètre --disable-web-security lors de l'ouverture de Chrome via un raccourci. . . Faites simplement un clic droit et modifiez les propriétés
Devenez "C:UsersAdministratorAppDataLocalGoogleChrome SxSApplicationchrome.exe" --disable-web-security
Cependant, cela affectera l'utilisation normale de Chrome. Vous pouvez utiliser Canary pour ce faire.
Ou, utilisez Grunt, utilisez le plug-in Connect et Livereload, le développement est amusant, Connect équivaut à créer un serveur, Livereload peut automatiquement mettre à jour et actualiser le navigateur

Answer 5

Il a été vérifié que tout ce qui est mentionné ci-dessus est acceptable. Cela dépend simplement de la méthode que vous choisissez. Merci à tous