uniapp H5解决跨域

最新推荐文章于 2024-05-27 16:14:48 发布

Start_t

最新推荐文章于 2024-05-27 16:14:48 发布

阅读量1.1k

点赞数

分类专栏： uniapp 文章标签： uni-app javascript 前端

本文链接：https://blog.csdn.net/Start_t/article/details/128329081

版权

uniapp 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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) {
				
	    }
	})