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://api.ithome.com/api/reply——>/api代替的https://api.ithome.com
————————————————
版权声明：本文为CSDN博主「happy-码蚁」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_35500778/article/details/100161813