vue.js中使用vueResource向后台请求数据时出现跨域访问失败的问题

最近学习了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的值，如图

然后重新启动服务器，发现可以正常的跨域访问并获取到后台传来的数据了。