ionic2项目从Localhost向远程服务器提交Post请求,在真机中可以返回正确的数据,但是在Chrome中遇到了跨域的问题,查了些资料,配置了一下服务端的Access-Control-Allow,但是没效果,谁能看一下吗,下面是报错和代码。
欢迎选择我的课程,让我们一起见证您的进步~~
私もこの落とし穴に遭遇したことがあり、そのプロセス全体をブログに書きました: http://www.haoguangbo.com/arc...
簡単に言えば、実機上の Web ページへのアクセスは、以下に示すように file://协议,而非http://或https://,因此不会出现跨域问题,但是浏览器里开发调试的时候,由于实际上是ionic的CLI在本地跑了一个小服务器,网页等资源都是通过http加载的,就会出现跨域问题。解决这个其实很简单,后端服务器不需要做任何处理,只需要在ionic的配置文件(ionic.config.js)里加上proxy フィールドを使用するためです。 リーリー
file://
http://
https://
ionic.config.js
proxy
。 https://api.instagram.com/api/xxx的时候,就改成访问/api/xxx,ionic会自动把以http://localhost:8000/api开头的请求都转发到https://api.instagram.com/api,就像shadowsocks一样。最后重新ionic serve本当に多くの人を騙しているため、この問題はイオンチームによって公式ドキュメントに書き込まれるべきです。 これがお役に立てば幸いです。
https://api.instagram.com/api/xxx
/api/xxx
http://localhost:8000/api
https://api.instagram.com/api
ionic serve
CROSはangularでセットアップされましたか?
$httpProvider.defaults.withCredentials = true;
私もこの落とし穴に遭遇したことがあり、そのプロセス全体をブログに書きました: http://www.haoguangbo.com/arc...
簡単に言えば、実機上の Web ページへのアクセスは、以下に示すように
その後、アクセスしたいときに ionic を再起動するだけですfile://
协议,而非http://
或https://
,因此不会出现跨域问题,但是浏览器里开发调试的时候,由于实际上是ionic的CLI在本地跑了一个小服务器,网页等资源都是通过http加载的,就会出现跨域问题。解决这个其实很简单,后端服务器不需要做任何处理,只需要在ionic的配置文件(
ionic.config.js
)里加上proxy
フィールドを使用するためです。 リーリー。
https://api.instagram.com/api/xxx
的时候,就改成访问/api/xxx
,ionic会自动把以http://localhost:8000/api
开头的请求都转发到https://api.instagram.com/api
,就像shadowsocks一样。最后重新
ionic serve
本当に多くの人を騙しているため、この問題はイオンチームによって公式ドキュメントに書き込まれるべきです。これがお役に立てば幸いです。
CROSはangularでセットアップされましたか?
$httpProvider.defaults.withCredentials = true;