DMOZ中文网站分类目录-免费收录各类优秀网站的中文网站目录.
  • DmozDir.org
DMOZ目录快速登录入口-免费收录各类优秀网站的中文网站目录.由人工编辑,并提供网站分类目录检索及地区分类目录检索,是站长免费推广网站的有力平台!

uniapp H5 https跨域请求

  • uniapp H5 https跨域请求

  • 已被浏览: 27 次2021年01月14日    来源:  https://blog.csdn.net/qq_38209578/article/details/112557633
  • 本文主要介绍uniapp H5开发中 本地调试https的接口实现跨域请求 源码视图 h5 : {title : ,domain : ,router : {mode : hash ,base : /h5/ devServer : {/

    本文主要介绍uniapp H5开发中,本地调试https的接口实现跨域请求

    源码视图

    "h5" : {
           "title" : "",
           "domain" : "",
           "router" : {
               "mode" : "hash",
               "base" : "/h5/"
           },
           "devServer" : {
    		// "https" : true,
    		"proxy":{
    			"/api": {		             
    				"target":"https://域名/api",
    				"changeOrigin": true,//是否跨域
    				"secure": true,// 设置支持https协议的代理
    				"pathRewrite":{"^/api":""}
    			}
    		}
    		
           }
       }
    

    接口请求

        uni.request({
            // url: ApiUrl + opt.url,
    		url: '/api' + opt.url,
            data: data,
            method: opt.method,
            header: opt.header,
            dataType: 'json',
            success: function (res) {
    			if(res.data.code=='401'){
    				uni.showToast({
    				    title: res.data.msg,
    					icon: 'none'
    				});
    				uni.navigateTo({
    					url: '/pages/me/login'
    				});
    			} else {
    				opt.success(res);
    			}
            },
            fail: function (res) {
    			uni.hideLoading();
    			// opt.fail(res);
                uni.showToast({
                    title: '网络异常',
    				icon:'none'
                });
            }
        })
    


    如此这般,跨域功成。

    问题引申

    有小伙伴问uniapp客户端对接第三方,uniapp这边我用的是https,但是第三方用的http,请问这种该如何去解决跨域问题呢?

    // 思路和vue是一样的
    1、安装vue jsonp
    npm i -S vue-jsonp
    // 引入vue-jsonp 解决服务跨域请求问题
    2、在main.js中导入vue-jsonp
    import {VueJsonp} from 'vue-jsonp'
    Vue.use(VueJsonp);
    
    吴维炜 HTTPS CSS ECMAScript 6 Q: 有多少程序员会去更换灯泡?
    A: 没有,那是硬件问题。
    Q:为什么程序员总是把圣诞节与万圣夜搞混?
    A:因为 DEC 25 = OCT 31
    以上信息来源于网络,如有侵权,请联系站长删除。

    TAG:Uniapp HTTPS

  • 上一篇:什么是UL认证什么又叫UL报告,他们有什么区别
  • 与“uniapp H5 https跨域请求”相关的资讯
  • 几幅图,拿下 HTTPS
  • HTTP和HTTPS
  • uniapp实现微信公众号支付
  • uniapp在线升级和热更新实现
  • uniapp实现APP微信登录流程