i get this error when loading a json file :

Failed to load http://localhost/sandbox/data.json?_=1505732125859: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:5000' is therefore not allowed access.

#...
from flask_cors import CORS
app = Flask(__name__)
CORS(app, resources={r"/*": {"origins": "*"}})
@app.route('/')
def index():
    return render_template('index.html')

Tried this solution.. but still getting same error Javascript - No 'Access-Control-Allow-Origin' header is present on the requested resource

i get this error when loading a json file :

Failed to load http://localhost/sandbox/data.json?_=1505732125859: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:5000' is therefore not allowed access.

#...
from flask_cors import CORS
app = Flask(__name__)
CORS(app, resources={r"/*": {"origins": "*"}})
@app.route('/')
def index():
    return render_template('index.html')

Tried this solution.. but still getting same error Javascript - No 'Access-Control-Allow-Origin' header is present on the requested resource

• javascript
• python-3.x
• flask

Share Improve this question Follow asked Sep 18, 2017 at 10:58 deepak murthydeepak murthy 41133 gold badges66 silver badges2121 bronze badges 4

• Is that python code running on http://localhost or http://localhost:5000? – Quentin Commented Sep 18, 2017 at 11:02
• yes python code is running...output is stored in json file.. when accessing that json using jquery. getting this error – deepak murthy Commented Sep 18, 2017 at 11:44
• 3 I was expecting your answer to be "http://localhost" or "http://localhost:5000". "Yes" doesn't help me help you! – Quentin Commented Sep 18, 2017 at 12:44
• running on "localhost:5000". – deepak murthy Commented Sep 18, 2017 at 12:45

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

You've set the CORS permissions on the wrong server.

A webpage on http://localhost:5000 is making a request to http://localhost.

Your headers are granting permission to every site (*) to access the data on http://localhost:5000, but you are trying to access the data on http://localhost.

You need to set the CORS permissions on http://localhost instead.

This answer explains the background.