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);
				}	
			})
		},

最终效果

在这里插入图片描述


版权声明:本文为fcttl313原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。