json-server - 跨源请求仅支持协议方案:http、data、chrome、chrome-extension
json-server - Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension
我是 运行 一个快速服务器,用于在端口 8000 上为我的 angularJS 应用程序提供服务。我在我的一项服务中使用 $http.get
来访问 API.
我正在使用 json-server 在 3000 上托管 API。当我在浏览器中输入 URL 时,我得到 JSON 服务。但是当我打开应用程序时,devtools 中显示以下错误:
XMLHttpRequest cannot load localhost:3000/techData. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
这是 angularjs 服务:
techApp.factory('techData', function ($http) {
let data;
$http.get('localhost:3000/techData')
.then((response) => {
data = response.data;
});
return {
techData: data
};
});
我看到 this issue 并了解到 json-server 允许跨源请求。
好的,万一有人在这里,我还没有用 URL 和 http
。如下更改给 $http.get
的参数解决了问题:
$http.get('http://localhost:3000/techData')
我是 运行 一个快速服务器,用于在端口 8000 上为我的 angularJS 应用程序提供服务。我在我的一项服务中使用 $http.get
来访问 API.
我正在使用 json-server 在 3000 上托管 API。当我在浏览器中输入 URL 时,我得到 JSON 服务。但是当我打开应用程序时,devtools 中显示以下错误:
XMLHttpRequest cannot load localhost:3000/techData. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
这是 angularjs 服务:
techApp.factory('techData', function ($http) {
let data;
$http.get('localhost:3000/techData')
.then((response) => {
data = response.data;
});
return {
techData: data
};
});
我看到 this issue 并了解到 json-server 允许跨源请求。
好的,万一有人在这里,我还没有用 URL 和 http
。如下更改给 $http.get
的参数解决了问题:
$http.get('http://localhost:3000/techData')