初识uniapp做点小工具

本来我是想这样获取网络数据的

uni.request({
    url: 'http://192.168.1.99/apixxx/test36',
    method:'POST',

但网页端报错:

Access to XMLHttpRequest at '*' from origin '*' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

找了几个解决的方法,但实在没看懂,最后终于摸索出来

首先上面的改为

uni.request({
    url: '/apixxx/test36',
    method:'POST',

然后改manifest.json(这文件改过后要重新编译)

        "devServer" : {
            "https" : false,
            //配置跨域
            "disableHostCheck" : true,
            "proxy" : {
                "/apixxx" : {
                    "target" : "http://192.168.1.99:80",
                    "secure" : false,
                    "changOrigin" : true,
                }
            }
        },

这样就能正常获取数据了

 然后再发行发布,运行到服务器上看看,正常

 

之前照着网上的方法一直不对,或者发布后地址不对

就在于加了"pathRewrite":{"^/XXX":""}

这是,是否重写路径

"pathRewrite": {'^/api': '/ccc'}

这个的意思就是把"/api"这个路径替换成'/ccc'路径

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐