首页 > 其他分享 >uniapp在h5调试跨域问题

uniapp在h5调试跨域问题

时间:2023-09-13 09:45:51浏览次数:48  
标签:uniapp console 跨域 h5 82 http hdobg 221.0 log

在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

标签:uniapp,console,跨域,h5,82,http,hdobg,221.0,log
From: https://www.cnblogs.com/jyc226/p/17698659.html

相关文章

  • 微信公众号h5调用微信支付
    微信公众号h5调用微信支付其实就是JSAPI支付目前jsapi支付分v2和v3,现在尽量接v3的api。因为v2前端调用wx.chooseWXPay的时候成功没有回调,导致后续业务逻辑跳转有问题(原因就是可恨的点金计划)点金计划就是支付成功之后跳转到一个官方小票+广告的页面,点金计划开通的门槛稍微有点高,......
  • H5的优势有哪些?
    H5可以用来做网页端、移动端、微信小程序以及APP等各种用户界面和功能,达到用户想要的需求。那么,H5的优势有哪些?1.从开发角度来讲,H5具有良好的跨平台性,开发者只需要开发一个版本,就可以在各类平台上投入使用,进而极大的节省开发和运维的成本。2.从整个移动互联网产业发展角度来讲,H5......
  • 在线CAD(H5网页CAD SDK)实现阵列功能
    前言在线CADSDK的集成过程中,甲方客户可能有阵列功能的需求,作为开发者如何利用WEBCADSDK展现此功能效果呢?本章节我们重点讲述一下。首先看一下在线CAD的DEMO:https://demo.mxdraw3d.com:3000/mxcad/,阵列功能如下图: 环境搭建首先按照mxcad入门文档(https://mxcadx.gitee.io/......
  • uniapp微信小程序对话框取消确认按钮
    uniapp微信小程序对话框实现,样式用scss写的,标题+内容+按钮效果图data(){ return{ refundMask:false,}}<viewclass="refund-button"><buttonclass="refund-button-btnplain"@click="handleRefund()">申请退款</button></vi......
  • SpringBoot跨域访问
    没有引入SpringSecuity的情况Christopher2021.10.23CORS后端跨域CORS是一种访问机制,Cross-OriginResourceSharing,跨域资源共享,通过在服务器端设置相应头,把发起跨域的原始域名添加到Access-Control-Allow-Origin中即可。何为跨域域,即域名,跨域,即从域名A申请访......
  • HTML5(H5)新特性
    HTML5(H5)是HTML标准的第五个版本,引入了许多新特性和改进,以下是一些H5的新特性:语义化标签:H5引入了一系列新的语义化标签,如<header>、<footer>、<nav>、<article>等,有助于更清晰地描述页面结构和内容。视频和音频支持:H5提供了<video>和<audio>标签,可以直接在网页中嵌入视频和音......
  • Uniapp中文件预览的实现过程
    ❝本期介绍一下文件预览在uniapp中的具体实现!本文可能比较简单,但是也是比较实用,希望对大家有所帮助。❞文件预览我们无论在APP还是各大小程序上都不能直接预览,需要先下载缓存到本地才能预览文件下载使用uni.downloadFile先把文件缓存到本地uni.downloadFile({url:fileUrl,......
  • H5接入飞书
    开发流程文档https://open.feishu.cn/document/client-docs/h5/introduction创建并配置企业自建应用。(可选)鉴权调用JSAPI。(可选)配置应用的免登流程。发布并使用应用。开放接口(H5JSAPI)开放平台提供了网页应用可以调用的H5JSAPI。调用JSAPI依赖开放平台提供的工具......
  • nodejs采集淘宝、天猫网商品详情数据以及解决_m_h5_tk令牌及sign签名验证(2023-09-09)
    一、淘宝、天猫sign加密算法淘宝、天猫对于h5的访问采用了和APP客户端不同的方式,由于在h5的js代码中保存appsercret具有较高的风险,mtop采用了随机分配令牌的方式,为每个访问端分配一个token,保存在用户的cookie中,通过cookie带回服务端分配的token,客户端利用分配的token对请求的URL......
  • uniapp中的持久化,状态管理 Pinia
    Pinia是一个用于Vue.js的状态管理库,是Vue的存储库,它允许您跨组件提供了更简单、直观的API,适用于管理和共享应用程序的状态,Pinia和Vuex都是流行的Vue.js状态管理库,它们都有自己的优点和适用场景。下面是对Pinia和Vuex的简要比较:方便性:在方便性方面,Pinia提供了......