uni-app中配置devServer实现跨域访问数据

1.在devServer中:

在manifest.json->源码视图中添加

注意:以下代码可以跨域,但是请求出来的数据不是想要的,会出现请求得到的不是数据,而是得到https://api.ithome.com网址的报错网页代码

“h5”: {  
        “devServer”: {  
            “port”: 8000,  
            “disableHostCheck”: true,  
            “proxy”: {  
                “/api”: {  
                    “target”: “https://api.ithome.com”,  
                    “changeOrigin”: true,  
                    “ws”: true,  
                    “secure”: false,
                }  
            }  
        }  
    },

用以下代码可以正确的请求到数据:

“h5”: {
        “devServer”: {  
            “port”: 8000,  
            “disableHostCheck”: true,  
            “proxy”: {  
                “/api”: {  
                    “target”: “https://api.ithome.com”,  //请求的目标域名
                    “changeOrigin”: true,   
                    “secure”: false,
                    “pathRewrite”: {  
                        “^/api”: “/”  
                    } 
 
                }  
            }  
        }  
    }

2.在.vue页面中添加

                var ajaxData={
                    url: “/api“+”/api/reply”,//接口地址即要跨域访问的目标地址
                    method: “get”,//请求的方法
                    data:{postid:236076,replyidlessthan:3241294},//请求所带的参数,即地址中?后部分
                    dataType:’json’,//数据类型
                    header:{
                      ’content-type’:’application/x-www-form-urlencoded’
                    },
                    success:function(res){
                            console.log(res.data)//成功后调用的函数
                        }
                  }
                  ajaxData = ajaxData;
                  uni.request(ajaxData)

完整的请求地址如下:

https://blog.csdn.net/qq_35500778/article/details/100161813

发表评论

电子邮件地址不会被公开。 必填项已用*标注