Mixing
how to invoke my .json file which is present in my local system into a http link?
0
CONTROLLER.JSON file
var app=angular.module('mainApp',);
app.controller('people', function($scope, $http){$http.get('C:Userstest1srcdatabase.json').success(function(response){
$scope.persons = response.records; }); });
The error that I receive is -
zone.js:2019 Access to XMLHttpRequest at 'file://C:/Users1srcdatabase.json' from origin 'http://localhost:4200' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
angularjs
edited Jan 2 at 23:43
Dalorzo
16.2k64389
asked Jan 2 at 23:41
BethanyBethany
13
|
show 1 more comment
0
CONTROLLER.JSON file
var app=angular.module('mainApp',);
app.controller('people', function($scope, $http){$http.get('C:Userstest1srcdatabase.json').success(function(response){
$scope.persons = response.records; }); });
The error that I receive is -
zone.js:2019 Access to XMLHttpRequest at 'file://C:/Users1srcdatabase.json' from origin 'http://localhost:4200' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
angularjs
edited Jan 2 at 23:43
Dalorzo
16.2k64389
asked Jan 2 at 23:41
BethanyBethany
13
1
You can't you need a Web Server to serve your file as you notice your request says "http.get" therefore you need a Web Server to serve your file file through an http protocol. If not mistaken also for security reasons Javascript can't look into your local files. It is beyond its capacity
– Dalorzo
Jan 2 at 23:45
ok.. so what should I have to do? I am learning angular currently and I can't seem to find a solution for this!
– Bethany
Jan 2 at 23:46
Install NodeJs and use Express to server your file, I guess it will be the simplest quickest way. If you are using Windows then you may install IIS that is also a simple Web Server to use you will need to install asp.net
– Dalorzo
Jan 2 at 23:47
Node js is installed already.. are you suggesting me to call "$ npm install express --save" ?
– Bethany
Jan 3 at 0:01
Try this stackoverflow.com/a/47539747/1959948
– Dalorzo
Jan 3 at 0:05
|
show 1 more comment
0
0
0
CONTROLLER.JSON file
var app=angular.module('mainApp',);
app.controller('people', function($scope, $http){$http.get('C:Userstest1srcdatabase.json').success(function(response){
$scope.persons = response.records; }); });
The error that I receive is -
zone.js:2019 Access to XMLHttpRequest at 'file://C:/Users1srcdatabase.json' from origin 'http://localhost:4200' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
angularjs
edited Jan 2 at 23:43
Dalorzo
16.2k64389
asked Jan 2 at 23:41
BethanyBethany
13
CONTROLLER.JSON file
var app=angular.module('mainApp',);
app.controller('people', function($scope, $http){$http.get('C:Userstest1srcdatabase.json').success(function(response){
$scope.persons = response.records; }); });
The error that I receive is -
zone.js:2019 Access to XMLHttpRequest at 'file://C:/Users1srcdatabase.json' from origin 'http://localhost:4200' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
angularjs
angularjs
edited Jan 2 at 23:43
Dalorzo
16.2k64389
asked Jan 2 at 23:41
BethanyBethany
13
edited Jan 2 at 23:43
Dalorzo
16.2k64389
asked Jan 2 at 23:41
BethanyBethany
13
edited Jan 2 at 23:43
Dalorzo
16.2k64389
edited Jan 2 at 23:43
Dalorzo
16.2k64389
edited Jan 2 at 23:43
Dalorzo
16.2k64389
16.2k64389
asked Jan 2 at 23:41
BethanyBethany
13
asked Jan 2 at 23:41
BethanyBethany
13
asked Jan 2 at 23:41
BethanyBethany
13
13
1
You can't you need a Web Server to serve your file as you notice your request says "http.get" therefore you need a Web Server to serve your file file through an http protocol. If not mistaken also for security reasons Javascript can't look into your local files. It is beyond its capacity
– Dalorzo
Jan 2 at 23:45
ok.. so what should I have to do? I am learning angular currently and I can't seem to find a solution for this!
– Bethany
Jan 2 at 23:46
Install NodeJs and use Express to server your file, I guess it will be the simplest quickest way. If you are using Windows then you may install IIS that is also a simple Web Server to use you will need to install asp.net
– Dalorzo
Jan 2 at 23:47
Node js is installed already.. are you suggesting me to call "$ npm install express --save" ?
– Bethany
Jan 3 at 0:01
Try this stackoverflow.com/a/47539747/1959948
– Dalorzo
Jan 3 at 0:05
|
show 1 more comment
1
You can't you need a Web Server to serve your file as you notice your request says "http.get" therefore you need a Web Server to serve your file file through an http protocol. If not mistaken also for security reasons Javascript can't look into your local files. It is beyond its capacity
– Dalorzo
Jan 2 at 23:45
ok.. so what should I have to do? I am learning angular currently and I can't seem to find a solution for this!
– Bethany
Jan 2 at 23:46
Install NodeJs and use Express to server your file, I guess it will be the simplest quickest way. If you are using Windows then you may install IIS that is also a simple Web Server to use you will need to install asp.net
– Dalorzo
Jan 2 at 23:47
Node js is installed already.. are you suggesting me to call "$ npm install express --save" ?
– Bethany
Jan 3 at 0:01
Try this stackoverflow.com/a/47539747/1959948
– Dalorzo
Jan 3 at 0:05
1
1
You can't you need a Web Server to serve your file as you notice your request says "http.get" therefore you need a Web Server to serve your file file through an http protocol. If not mistaken also for security reasons Javascript can't look into your local files. It is beyond its capacity
– Dalorzo
Jan 2 at 23:45
You can't you need a Web Server to serve your file as you notice your request says "http.get" therefore you need a Web Server to serve your file file through an http protocol. If not mistaken also for security reasons Javascript can't look into your local files. It is beyond its capacity
– Dalorzo
Jan 2 at 23:45
ok.. so what should I have to do? I am learning angular currently and I can't seem to find a solution for this!
– Bethany
Jan 2 at 23:46
ok.. so what should I have to do? I am learning angular currently and I can't seem to find a solution for this!
– Bethany
Jan 2 at 23:46
Install NodeJs and use Express to server your file, I guess it will be the simplest quickest way. If you are using Windows then you may install IIS that is also a simple Web Server to use you will need to install asp.net
– Dalorzo
Jan 2 at 23:47
Install NodeJs and use Express to server your file, I guess it will be the simplest quickest way. If you are using Windows then you may install IIS that is also a simple Web Server to use you will need to install asp.net
– Dalorzo
Jan 2 at 23:47
Node js is installed already.. are you suggesting me to call "$ npm install express --save" ?
– Bethany
Jan 3 at 0:01
Node js is installed already.. are you suggesting me to call "$ npm install express --save" ?
– Bethany
Jan 3 at 0:01
Try this stackoverflow.com/a/47539747/1959948
– Dalorzo
Jan 3 at 0:05
Try this stackoverflow.com/a/47539747/1959948
– Dalorzo
Jan 3 at 0:05
|
show 1 more comment
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54014619%2fhow-to-invoke-my-json-file-which-is-present-in-my-local-system-into-a-http-link%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54014619%2fhow-to-invoke-my-json-file-which-is-present-in-my-local-system-into-a-http-link%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
You can't you need a Web Server to serve your file as you notice your request says "http.get" therefore you need a Web Server to serve your file file through an http protocol. If not mistaken also for security reasons Javascript can't look into your local files. It is beyond its capacity
– Dalorzo
Jan 2 at 23:45
ok.. so what should I have to do? I am learning angular currently and I can't seem to find a solution for this!
– Bethany
Jan 2 at 23:46
Install NodeJs and use Express to server your file, I guess it will be the simplest quickest way. If you are using Windows then you may install IIS that is also a simple Web Server to use you will need to install asp.net
– Dalorzo
Jan 2 at 23:47
Node js is installed already.. are you suggesting me to call "$ npm install express --save" ?
– Bethany
Jan 3 at 0:01
Try this stackoverflow.com/a/47539747/1959948
– Dalorzo
Jan 3 at 0:05