vue.js中使用vueResource向后台请求数据时出现跨域访问失败的问题
来源:互联网 发布:淘宝折扣价怎么设置 编辑:程序博客网 时间:2024/06/05 06:46
最近学习了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的值,如图
然后重新启动服务器,发现可以正常的跨域访问并获取到后台传来的数据了。
0 0
- vue.js中使用vueResource向后台请求数据时出现跨域访问失败的问题
- Ajax向后台请求的数据中中文编码的问题
- js向后台传送数据的中文乱码问题
- js向后台传送数据的中文乱码问题
- js向后台传送数据的中文乱码问题
- 向后台请求数据的方式
- SpringMVC 中向后台传入json数据的问题
- node 使用get和post向后台请求数据的使用方式对比
- vue VueResource中"“Promise”未定义",
- 解决AJAX向后台发送HMTL代码失败的问题
- jsp页面向后台请求数据的方式
- js页面之间以及vue $http请求向后台传递参数中文乱码问题解决
- jQuery中使用ajax向后台传递数据
- 在Spring Security中使用AJAX向后台传送数据
- 在使用ajax向后台发送json数据,存在格式不正确的问题
- 解决JS向后台传中文参数乱码的问题
- Struts前台无乱码传向后台时出现乱码问题的解决办法
- springboot开发中使用postman 向后台传递json数据的时候,为空
- Protobuf在Unity中的应用
- Linux定时运行命令脚本——crontab
- Restore IP Addresses
- JSF中Facescontext对象详解
- Step by Step,用JAVA做一个FLAPPYBIRD游戏(五)
- vue.js中使用vueResource向后台请求数据时出现跨域访问失败的问题
- inotify配合rsync将文件时时同步到备份服务器
- Java动态编译源代码并加载执行
- 深度学习-Caffe(1)
- 蓝桥杯-算法提高-Cowboys
- Celery+django+redis异步执行任务
- google chrome adobe flash player过期解决方法
- spring boot 整合 CAS
- 二分查找