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. 点击hbuilder运行到内置浏览器
   
   HBuilderX内置浏览器可以解决跨域问题，这个内置浏览器经过官方处理，不存在跨域问题，简单易用，推荐使用。你可以在打开页面后，点击HBuilderX右上角的预览，即可打开内部浏览器，或者在运行菜单里选择运行到内置浏览器也可以。