uniapp调接口出现跨域问题。-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp调接口出现跨域问题。。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

今天在写uniapp项目的时候，使用在线模拟接口的时候，出现跨域问题。

【问题描述】：

①在内嵌浏览器运行，不会出现跨域问题，好像是内嵌浏览器自动去掉了跨域问题。

②在外部浏览器调用的时候会出现跨域问题。（我们要解决的是这个问题）

uniapp调接口出现跨域问题。,uniapp,uni-app

前端项目在浏览器运行的为http://localhost:8082/#/pages/index/index

这两个出现跨域问题，端口、域名都不同，只有协议相同，都是http协议。

uniapp调接口出现跨域问题。,uniapp,uni-app

【解决办法】：

在uniapp里面的manifest.json里面修改：

uniapp调接口出现跨域问题。,uniapp,uni-app

"h5" :{
        // 跨域代理
        "devServer" : {
            "port" : 8082, // 浏览器运行端口
            "disableHostCheck" : true,
            "proxy" : {
                "/mock" : {
                    "target" : "http://heymock.uneedcode.com", // 目标接口域名
					"changeOrigin" : true, // 是否跨域
                    "pathRewrite" : {
                        "^/mock" : "/mock"
                    }
                }
            },
            "https" : false
        },
        "title" : "H5"
    }

修改完manifest.json后，一定要重启项目，不然还是没有效果的。

可以成功请求啦。

uniapp调接口出现跨域问题。,uniapp,uni-app