uniapp H5解决跨域


uniapp开发到H5运动调接口的时候有时候会报错提示跨域问题，那么可以从manifest.json着手，如下图，红线标记处是可以自定义的，但是注意要一致

在这里插入图片描述

  "h5":{
	"router" : {
		"mode" : "hash" // 路由模式
	},
	"devServer": {
		"https" : false, // 是否启用 https 协议，默认false
			"proxy": {
					"/api": {                    
							"target":"https://xxxxx.xxx.xx/xx",
							"changeOrigin": true,//是否跨域
							"secure": true,// 设置支持https协议的代理
							"pathRewrite":{"^/api":""}
					}
			}
	}
},

配置完成后请求接口
在这里插入图片描述

  	
  	// 需全局配置，此处这样仅是为了方便参考
	var baseUrl = process.env.NODE_ENV === 'development' ? '/api' : 'https://https://xxxxx.xxx.xx/xx'
	
	
	uni.request({
			url: baseUrl + '/fangleitext/fanglei/loginCheck',
	    data: this.formData,
	    method: 'POST',
	    success: function (res) {
				
	    },
	    fail: function (res) {
				
	    }
	})

请求成功后
在这里插入图片描述

# uni-app # javascript # 前端
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

链表操作秘籍—通讯录管理全接触

avatar 华为开发者空间
cover

基于华为开发者空间实现花卉识别

avatar 华为开发者空间
cover

基于华为开发者空间，使用Apache Spark实现商品推荐算法

avatar 华为开发者空间