美文网首页
解决ionic2中一个proxy代理设置问题

解决ionic2中一个proxy代理设置问题

作者: ten5743 | 来源:发表于2016-12-28 15:36 被阅读0次

之前翻译过一篇<<彻底解决ionic项目中跨域问题>>的文章,有小伙伴反应在ionic2中有时不正常工作。于是我自己试了一下,确实不管用。然后去谷歌找了一下解决方案,找到了一个临时的解决方法。

问题原因

app-scripts中bug导致的, (0.0.46) 和以后版本,已经修复了bug。

app-scripts 在哪里?

//package.json
  "devDependencies": {
    "@ionic/app-scripts": "0.0.47",
    "typescript": "2.0.9"
  },

这里我的版本是0.0.47,运行正常,浏览器中也能正常访问,看下面。

Paste_Image.png

我怎么操作?

  • 如果你的版本低于0.0.46,请修改为(0.0.47),然后执行npm install,然后ionic serve尝试。
  • 如果你的版本已经是(0.0.47),请执行npm install,然后ionic serve.尝试
  • 如果仍然不行,请修改为(0.0.46),然后npm install ,尝试ionic serve。出现错误再改回(0.0.47)->npm install ->ionic serve

参考的ionic官方论坛

https://forum.ionicframework.com/t/proxy-settings-not-working/70673/4

关于ionic开发中代理问题的一个更简单的解决方法

既然同源策略仅仅在浏览器中调试的时候会出现,我们可以从浏览器的角度想办法,禁用浏览器的CORS。如果你用谷歌浏览器,去谷歌应用商店中搜索这个扩展程序“Allow-Control-Allow-Origin”,安装后,就可以禁用CORS了,不需要费劲去程序中设置代理了。
如图,关闭就能禁用CORS了。

Paste_Image.png

总结

ionic2因为刚刚发布不久,所以升级可能会比较频繁,伴随着升级,必然会出现一些小bug。不过不用怕,还是应该相信google团队的开发能力的,肯定会有人在论坛中提出issue,基本上会在下个小版本中解决问题。

最后说一下系统和环境版本,不同版本可能情况会不同

Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-rc.4
Ionic CLI Version: 2.1.17
Ionic App Lib Version: 2.1.7
Ionic App Scripts Version: 0.0.47
ios-deploy version: 1.9.0
ios-sim version: 5.0.11
OS: macOS Sierra
Node Version: v5.11.1
Xcode version: Xcode 8.2.1 Build version 8C1002
发现和解决的时间 : 2016-12-28 13:00

相关文章

  • 解决ionic2中一个proxy代理设置问题

    之前翻译过一篇<<彻底解决ionic项目中跨域问题>>的文章,有小伙伴反应在ionic2中有时不正常工作。于是我自...

  • npm无法下载任何东西其中的一个原因

    解决方案删除代理设置解决了问题: npm config rm proxy npm config rm https-...

  • angular-cli使用问题记

    一、解决被墙的问题 方法1:设置代理 npm config set proxy=http://127.0.0.1:...

  • curl 不小心设置错代理 怎么办?

    解决办法,取消代理: unset http_proxy unset https_proxy 重新设置端口:expo...

  • All packages are not available f

    代理这个问题真是让人头痛解决办法把代理去掉,setting -> proxy,这里勾选no proxy

  • webpack 相关

    本地开发通过localhost 访问后端接口的时候我们可以通过设置 proxy 来解决跨域问题设置代理的前提条件:...

  • linux 设置代理

    在终端中设置代理 打开终端,输入以下命令 将http_proxy和https_proxy环境变量设置为代理的地址。...

  • 静态代理和动态代理

    代理Proxy: Proxy代理模式是一种结构型设计模式,主要解决的问题是:在直接访问对象时带来的问题。 代理是一...

  • 动态代理与静态代理的区别

    代理Proxy: Proxy代理模式是一种结构型设计模式,主要解决的问题是:在直接访问对象时带来的问题 代理是一种...

  • 12Proxy

    概述 proxy 意为代理,在目标对象之前设置一层拦截。当直接访问proxy的对象,没有啥问题。当访问被代理的对象...

网友评论

      本文标题:解决ionic2中一个proxy代理设置问题

      本文链接:https://www.haomeiwen.com/subject/dzpyvttx.html