ionic+nodejs开发遇到的跨域和post请求数据问题
来源:互联网 发布:斯雷因特洛耶特 知乎 编辑:程序博客网 时间:2024/05/20 05:06
最近学习ionic+nodejs开发混合app中遇到了一些问题,在此总结一下。
项目地址 https://github.com/ytudt/nodejsApp
代码和问题都会在之后的学习中持续更新
1.跨域问题:
之前一直想用ionic+angular打包app时代码在客户端,因为客户端js有ajax请求,这样去请求服务器数据时是不是跨域?
在实际调试中后台nodejs起一个服务器 192.168.0.19:3000,然后前端我用sublime的server起一个服务器这样的确是跨域,所以在开始前台请求数据我一直用jsonp的方式。
而在真机上跑也可以跑通,后来因为要发比较大的数据到后台,所以jsonp就不可以了。
最近光搜资料得出的结论是当把app打包后在手机端实际上是file协议访问,顾没有跨域问题。然后开始试验,电脑端测试时安装了谷歌的一个插件Allow-Control-Allow-Origin(注意:需在Access-Control-Expose-Headers加上Allow-Control-Allow-Origin: *(表示允许所有ip访问))此插件实际用了cors的方式允许跨域取得数据。
最终在电脑端和真机测试都能顺利拿到数据。
2.angular发送post请求,开始这么写的
$http.post(url, message).success(function(data) { console.log(data); });
此时发现后台拿不到数据,然后各种查资料以及查看谷歌浏览器控制台信息,得出结论angular post请求默认数据格式为 application/json 而同样的后台程序我用jquery发送post请求后台可以拿到数据。以下为angular和jquery发送请求的信息。
jquery 的请求头
angular post请求头
此后根据angular官网的写法,重新改了代码
var url = GlobalVariable.SERVER_PATH + "/doWrite"; var req = { method: 'POST', url: url, headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 'Accept': '*/*' }, data:message //message 必须是a=b&c=d的格式 }; $http(req).success(function(data){ console.log(data); obj_goodsListData = data; deferred.resolve(obj_goodsListData); }).error(function(){});
此时重新查看angular请求头如下。后台可拿到angular发送post的数据。
- ionic+nodejs开发遇到的跨域和post请求数据问题
- Ionic开发遇到的问题和解决方法
- 解决ionic请求数据跨域问题
- iOS开发 - 登陆post请求遇到的问题
- nodejs http post请求java后台数据,java端拿不到参数的问题
- Android的okhttp的post请求,php返回json数据。以及遇到的okhttp dispatcher问题,和json解析遇到的问题
- IOS开发 POST请求数据 乱码问题
- nodejs的http.request使用post方式提交数据请求
- NodeJs处理Get请求和Post请求
- nodejs 开发中遇到的问题
- ionic 开发app-----调用外部数据,跨域问题
- 使用AFNetworking实现POST和GET请求时遇到的问题
- nodejs路由--get和post请求
- HttpClient的get和post请求数据
- Okhttp的post和get请求数据
- POST请求操作时所遇到的问题汇总
- post跨域请求问题
- POST请求跨域问题
- Facebook 直播如何撑起瞬间 80 万人的流量?
- 工作4年了
- CSS cursor 属性
- Spring+Quartz的版本问题
- input file 读取文件内容
- ionic+nodejs开发遇到的跨域和post请求数据问题
- IOS 缓存清理
- 中心频率详解
- As开发的开源动画集合
- 二进制中1的个数
- C. Hexadecimal's Numbers
- kvm性能优化方案---cpu/内存/磁盘/网络
- 读书笔记-java网络编程-6URL和URI-HTTP协议和cookie的java实现
- RPC原理及实现