最近學習了vue.js,打算試著寫一個個人部落格的系統，後臺使用的是pyramid框架，資料庫用的是mongoDB。

當我在一個單檔案元件中請求後臺提供的介面時，使用了vueResource提供的this.$http方法

出現了No 'Access-Control-Allow-Origin' header is present on the requested resource的錯誤，上網查了一下發現這是跨域訪問導致的問題。

由於同源策略的原因，我執行vue的程式碼時，開啟的是localhost:8080這個域名，啟動後臺pyramid的服務時，使用的是127.0.0.1:6543這個域名，同一域名下埠號不同，確實會產生無法跨域訪問的問題。

按照chrome的報錯提示，我將後臺的函式中的response物件添加了headers的值，如圖

然後重新啟動伺服器，發現可以正常的跨域訪問並獲取到後臺傳來的資料了。