uni-app h5跨域问题如何解决

uni-app h5通过浏览器打开显示跨域,网上很多方法都不行,经过我的尝试,终于找到了解决办法。
1.打开manifest.json配置文件,点击源码视图,在里面加上下面这段代码:

"h5": {
    "devServer": {
        "https": false,
        "proxy": {
            "/api": {
                "target": "http://www.zhiboblog.com",//你的接口地址
                "changeOrigin": true,
                "ws": true,
                "pathRewrite": {
                    "^/api": ""
                }
            }
        }
    }
}

2.然后在公共变量文件中,写一下条件编译,如果不是h5就直接用真实的接口地址,如果是h5就用/api来做接口地址

// #ifndef H5
siteurl: 'http://www.zhiboblog.com',
// #endif
// #ifdef H5
siteurl: '/api',
// #endif

这样h5通过浏览器打开就不会显示跨域了,此方法亲测有效。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: