uniapp在h5调试跨域问题

发布时间 2023-09-13 09:40:09作者: Just丶随心

在manifest.json

中 h5里

"devServer": {
                    "proxy": {
                        "/webadmin": {//接口包含的路径
                            "target": "http://221.0.82/",//接口地址ip或域名
                             "changeOrigin": true,
                            "ws":true
                        }
                    }
                }

请求时直接

uni.request({
                    url: "/webadmin/statistics/getBuildResidentTotalList.do",
                    method: 'get',
                    header: {
                      
                    },
                    data: {
                        
                  
            
                    },
                    success: res => {
                        console.log(res);
                      
                    },
                    fail: () => {
                    
                    },
                    complete: () => {
           
                    }
                });

或者直接添加拦截器

    //#ifdef H5  
uni.addInterceptor('request', {
  invoke(args) {
    // request 触发前拼接 url

        var hdobg=args.url
        //console.log(9999)
    if(hdobg.search('webadmin')!=-1&&hdobg.search('http://221.0.82/')!=-1){
            console.log(hdobg)
            hdobg=hdobg.split('http://221.0.82/')[1]
            console.log(hdobg)
            args.url=hdobg
        }
        
        
    
   
  }
})

//其中http://221.0.82/为接口地址
//#endif