uni-app 的h5 跨域代理无效

项目场景：前台在8080端口向后端3000端口发请求

manifest.json中h5的配置如下

"h5" : {
        "devServer" : {
            "https" : false,
			"proxy"  :{
				"/api":{
					"target":"http://localhost:3000",
					"changeOrigin":true,
					"secure":false,
					"pathRewrite":{
						  "^/api" : ""
					}
				}
			}
        }
    }

前台请求代码如下

mounted(){
			uni.request({
				url:'/api/index_list/data',
				success: (res) => {
					console.log(res);
				}	
			})
		},

原因分析：

请求接口时，请求路径要改为/api，不能是正式域名，因为pathReweite已经帮你转了

解决方案：

let baseUrl =process.env.NODE_ENV === 'development' ? '/api' :'http:localhost:3000'

修改为

mounted(){
			let baseUrl =process.env.NODE_ENV === 'development' ? '/api' :'http:localhost:3000'
			uni.request({
				url: baseUrl+'/api/index_list/data',
				success: (res) => {
					console.log(res);
				}	
			})
		},

最终效果