uni-app 使用uni.request时在H5页面报错？跨域？

如果是用HBuilderX创建的uni-app项目，可继续往下看
在使用uni-app的API之uni.request进行数据请求时，微信开发者工具正常请求回来数据，但是H5端却产生跨域报错：

使用方式如下：

getList() {
	uni.request({
		url: 'http://157.122.54.189:9088/image/v3/homepage/vertical',
		data: this.params
	}).then(res => {
		console.log('res', res)
	})
}

遇到跨域问题，当然是要解决跨域啦！

我所使用的编辑器：HBuilderX
解决步骤如图所示：

第一步：

	"h5": {
		"devServer": {
			"https": false,
			"port": 9888,
			"disableHostCheck": true,
			"proxy": {
				"/api": {
					"target": "http://baidu.com", // 目标接口域名
					"changeOrigin": true, // 是否跨域
					"secure": false, // 设置支持https协议的代理
					"pathRewrite": {
						"^/api": ""
					}

				}
			}
		}
	},

第二步：

getList() {
	uni.request({
		url: '/api/image/v3/homepage/vertical',
		data: this.params
	}).then(res => {
		console.log('res', res)
	})
}

第三步：
重新启动项目，即可！