uniapp request如何实现前端请求跨域

uniapp 在写H5的时候如何进行本地跨域测试

首先本地测试的时候是

http://localhost:8080/#/ 这样子的访问链接地址，但是请求服务端的API是有域名的，如果进行cookie的校验，或者其他情况，在去请求的时候，会出现跨域的问题。

可以在manifest.json文件中，参考如下代码：

"h5" : {
        "publicPath" : "./",
        "router" : {
            "mode" : "history",
            "base" : "./"
        },
        "title" : "testDemo",
        "optimization" : {
            "treeShaking" : {
                "enable" : true
            }
        },
        "devServer" : {
            "port" : 8080, //浏览器运行端口
            "https" : false,
            "disableHostCheck" : true,
            "proxy" : {
                "/dpc" : {
                    //修改配置跨域代理路由(需要重启、需要重启、需要重启)
                    "target" : "https://xxxxxx.com",//你自己的API对应的域名
                    "changeOrigin" : true,
                    "secure" : false,
                    "pathRewrite" : {
                        "^/dpc" : ""
                    }
                }
            }
        }
    }

跨域修改完成之后，重启的方法，点击一下就好了

请求接口中的request 需要进行域名替换，假设你的请求API的链接地址是

https://xxxxx.com/api/getgoodsList

扫描二维码关注公众号，回复： 16775455 查看本文章

在请求的时候 uni.request({

url:'/dpc'+'/api/getgoodsList',//相当于把你原来的请求服务端数据的域名替换成 配置代理中的pathRewrite

method:'get'||'post',

.....

})

好了，到这里，就OK了。。。。

前端uniapp request请求跨域就是这么简单，欢迎交流学习。