允許CORS與瓶請求和響應

Question

我想客戶端通過Ajax請求的服務器連接。

我的客戶，在本地主機上運行：8080，有一個按鈕，調用，做一個簡單的Ajax請求到本地運行的服務器，本地主機的功能：5000。

的onClick功能：

handleClick() { 
console.log("check flights button was clicked!"); 
console.log(this.state); 
const baseUrl = 'localhost:5000' 
ajax.get(`${baseUrl}/flights/${this.state.origin}_${this.state.destination}`) 
.end((error, response) => { 
    if (!error && response) { 
    console.log('got a valid response from the server') 
    } else { 
    console.log(`Error fetching data from the server: `, error) 
    } 
});} 

（非常）簡單的服務器，以瓶來實現，如下：

from flask import Flask, request 
from flask_restful import Resource, Api 
from json import dumps 

app = Flask(__name__) 
api = Api(app) 

class Flights(Resource): 
    def get(self, origin, destination): 
    answer = 'we got some data ' + origin + ' ' + destination 
    print answer 

api.add_resource(Flights, '/flights/<string:origin>_<string:destination>') 

if __name__ == '__main__': 
    app.run() 

我可以訪問服務器，如果我只是去爲localhost：5000 /航班/ origin_destination，它打印一條消息說它收到了來源和目的地。 然而，當我嘗試做Ajax請求，我得到以下錯誤：

的XMLHttpRequest無法加載本地主機：5000 /航班/ Porto_Lisboa。協議方案僅支持跨源請求：http，data，chrome，chrome-extension，https。

如何糾正這種行爲有什麼建議？ 預先感謝您

Answer 1

由於錯誤提示，你錯​​過了你的請求，協議名稱。嘗試將它在字符串的開頭添加：

const baseUrl = 'http://localhost:5000' 

，而不是僅僅localhost:5000