当前位置:   article > 正文

uniapp跨域解决_uniapp解决跨域问题

uniapp解决跨域问题

uniapp跨域解决

跨域是什么

跨域指的是浏览器不能执行其他网站的脚本,当一个网页去请求另一个域名的资源时,域名、端口、协议任一不同,就会存在跨域。跨域是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。

报错演示

在这里插入图片描述

问题解决方法一

  1. 在项目根目录找到manifest.json文件
    在这里插入图片描述
  2. 点击源码视图修改h5配置
    在这里插入图片描述
"devServer" : {
  "disableHostCheck" : true,
      "proxy" : {
          "/h5api" : {
              // 需要被代理的后台地址
              "target" : "http://isen.admin.com/",
              "changeOrigin" : true,
              "secure" : false,
              "pathRewrite" : {
                  "^/h5api" : "/api"
              }
          }
      }
   }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

问题解决方法二

  1. 点击hbuilder运行到内置浏览器
    在这里插入图片描述
    HBuilderX内置浏览器可以解决跨域问题,这个内置浏览器经过官方处理,不存在跨域问题,简单易用,推荐使用。你可以在打开页面后,点击HBuilderX右上角的预览,即可打开内部浏览器,或者在运行菜单里选择运行到内置浏览器也可以。
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/神奇cpp/article/detail/774273
推荐阅读
相关标签
  

闽ICP备14008679号