blocks|key|2963641|text|如果这是用于本地开发，并且您使用的是Chrome，那么您需要使用几个参数来运行Chrome来放松安全性，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2963642|"C:\Program+Files+(x86)\Google\Chrome\Application\chrome.exe"+--allow-file-access-from-files+--disable-web-security|code-block|syntax|javascript|2963643|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If this is for local development and you are using Chrome, you need to run Chrome with a couple of arguments to relax security like this:

<pre><code>"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files --disable-web-security
</code></pre>

blocks|key|162106|text|对于Mac用户，相应的命令为：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|162107|open+/Applications/Google\+Chrome.app+--args+--allow-file-access-from-files+--disable-web-security|code-block|syntax|javascript|162108|更新：|162109|open+-n+-a+/Applications/Google\+Chrome.app/Contents/MacOS/Google\+Chrome+--args+--user-data-dir="/tmp/chrome_dev_test"+--allow-file-access-from-files+--disable-web-security|162110|Source|offset|length|162111|entityMap|0|LINK|mutability|MUTABLE|url|https://alfilatov.com/posts/run-chrome-without-cors/^0|0|0|0|0|0|6|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

For Mac users the respective command would be:

<pre><code>open /Applications/Google\ Chrome.app --args --allow-file-access-from-files --disable-web-security
</code></pre>

Update:

<pre><code>open -n -a /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --args --user-data-dir="/tmp/chrome_dev_test" --allow-file-access-from-files --disable-web-security
</code></pre>

<a href="https://alfilatov.com/posts/run-chrome-without-cors/" rel="nofollow noreferrer">Source</a>

blocks|key|160980|text|我通过在服务器上运行我的页面修复了这个问题，如下所示|type|unstyled|depth|inlineStyleRanges|entityRanges|data|160981|cd+/path/to/dir/with/the/index/file
python3+-m+http.server|code-block|syntax|javascript|160982|然后在浏览器中打开http://localhost:8000。|offset|length|160983|有关服务当前目录的其他方式，请参阅this+question。|160984|entityMap|0|LINK|mutability|MUTABLE|url|http://localhost:8000/|1|https://stackoverflow.com/questions/15328623^0|0|0|9|L|0|0|H|D|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@$I|Z|J|10|1|11]]|A|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@$I|13|J|14|1|15]]|A|$]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]|U|$5|P|Q|R|A|$S|V]]]]

I fixed this problem by running my page off a server, like this

<pre><code>cd /path/to/dir/with/the/index/file
python3 -m http.server
</code></pre>

then open <a href="http://localhost:8000" rel="nofollow noreferrer">http://localhost:8000</a> in your browser. 

For other ways of serving the current directory, see <a href="https://stackoverflow.com/questions/15328623">this question</a>.

blocks|key|158505|text|您可以使用WAMP或其他web开发平台创建虚拟主机。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|158506|我没有任何问题。|158507|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

You can create a virtual host with WAMP or an other web development platform.

With I have no problems.

blocks|key|159709|text|如果你使用的是Windows环境，并使用npm进行包管理，最简单的方法是全局安装http-server：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|159710|npm+install+-g+http-server|CODE|159711|然后，只需在您的任何项目目录中运行http-server：|159712|Eg.+d:\my_project>+http-server|159713|Starting+up+http-server,+serving+./+Available+on:+++http:169.254.116.232:8080+++http:192.168.88.1:8080+++http:192.168.0.7:8080+++http:127.0.0.1:8080+Hit+CTRL-C+to+stop+the+server|159714|简单，并且没有意外地使您的浏览器打开易受攻击的安全风险。|159715|entityMap^0|7|9|0|0|Q|0|0|0|U|0|0|4Y|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@$9|W|A|X|B|H]]|D|@]|E|$]]|$1|I|3|J|5|6|7|Y|8|@]|D|@]|E|$]]|$1|K|3|L|5|6|7|Z|8|@$9|10|A|11|B|H]]|D|@]|E|$]]|$1|M|3|N|5|6|7|12|8|@$9|13|A|14|B|H]]|D|@]|E|$]]|$1|O|3|P|5|6|7|15|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|R|$]]

If you're in Windows environment, and use npm for package management the easiest is to install http-server globally:

<code>npm install -g http-server</code>

Then simply run http-server in any of your project directories:

<code>Eg. d:\my_project&gt; http-server</code>

<code>Starting up http-server, serving ./
Available on:
 http:169.254.116.232:8080
 http:192.168.88.1:8080
 http:192.168.0.7:8080
 http:127.0.0.1:8080
Hit CTRL-C to stop the server</code>

Easy, and no security risk of accidentally leaving your browser open vulnerable.

blocks|key|161001|text|运行http节点服务器并提供该文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|161002|161003|安装、连接和服务-带NPM的静态|ordered-list-item|161004|161005|$+npm安装连接包含以下内容的serve-static|161006|Create+server.js文件：|unordered-list-item|161007|161008|var+connect+=+require('connect')；var+serveStatic+=require(‘Server-static’)；connect().use(serveStatic(__dirname)).listen(8080，function(){+console.log(‘运行在8080上的服务器’)；})；|161009|运行Node.js|161010|161011|$+node+server.js|161012|您现在可以通过以下命令无误地转到正在进行跨域请求的文件：http://localhost:8080/yourfile.html|offset|length|161013|entityMap|0|LINK|mutability|MUTABLE|url|http://localhost:8080/yourfile.html^0|0|0|0|0|0|0|0|0|0|0|0|S|Z|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|16|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|17|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|18|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|19|8|@]|9|@]|A|$]]|$1|I|3|J|5|K|7|1A|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1C|8|@]|9|@]|A|$]]|$1|O|3|P|5|K|7|1D|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|1F|8|@]|9|@]|A|$]]|$1|T|3|U|5|6|7|1G|8|@]|9|@$V|1H|W|1I|1|1J]]|A|$]]|$1|X|3|-4|5|6|7|1K|8|@]|9|@]|A|$]]]|Y|$Z|$5|10|11|12|A|$13|14]]]]

run a http node server and serve the file.

<ol>
<li>Install connect and serve-static with NPM

$ npm install connect serve-static</li>
<li>Create server.js file with this content:

var connect = require('connect');
var serveStatic = require('serve-static');
connect().use(serveStatic(__dirname)).listen(8080, function(){
 console.log('Server running on 8080');
});</li>
<li>Run with Node.js

$ node server.js</li>
</ol>

You can now go to the file that is doing cross-origin request without any error by going: <a href="http://localhost:8080/yourfile.html" rel="nofollow">http://localhost:8080/yourfile.html</a>

This is my code:

<pre><code>MyAppModule.factory('EventData', function($http,$log){
 return {
 getEvent : function(successcb){

 $http({method: 'GET', url: './js/Services/products.json'}).

 success(function(data) {
 $log.info("success");
 }).
 error(function(data) {
 $log.info("error");
 });
 }
 };
});
</code></pre>

I have a simple JSON file in a local location, and I am trying to read it using the <code>http</code> method of <a href="http://en.wikipedia.org/wiki/AngularJS">AngularJS</a>. I am getting the following error:

<blockquote>
 XMLHttpRequest cannot load file:///C:/Users/Avraam/Documents/GitHub/AngularJS/app/js/Services/products.json Cross origin requests are only supported for HTTP. angular.min.js:73
 Error: A network error occurred.
</blockquote>

What is my mistake? I am not using any server; I am just openning my index file with Chrome. Is this the mistake? Should I use a server if I want to use the <code>http</code> method?

Error message 'XMLHttpRequest cannot load. Cross origin requests are only supported for HTTP in AngularJS'

虚拟主机

服务器

Windows

GitHub

MacOS

JSON

这是我的代码：MyAppModule.factory('EventData', function($http,$log){    return {        getEvent : function(successcb){            $http({method: 'GET', url: './js/Ser...

问错误信息'XMLHttpRequest无法加载，仅AngularJS中的HTTP支持跨域请求‘
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问错误信息'XMLHttpRequest无法加载，仅AngularJS中的HTTP支持跨域请求‘EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问错误信息'XMLHttpRequest无法加载，仅AngularJS中的HTTP支持跨域请求‘
EN