uniapp h5跨域问题

最新推荐文章于 2024-12-25 15:20:41 发布

哦哦哦哦哦哦哦哦哦哦哦

最新推荐文章于 2024-12-25 15:20:41 发布

阅读量776

点赞数 1

文章标签：前端 uni-app ajax跨域问题

本文链接：https://blog.csdn.net/hk1052606583/article/details/121847818

版权

本文介绍了在前端开发中遇到的跨域问题及其解决方案，通过在manifest.json中配置代理解决，并展示了如何针对不同平台进行条件编译，确保H5和手机App都能正常显示数据。同时，文中提到了条件编译的实现方式，即通过注释来区分不同的请求路径。

摘要由CSDN通过智能技术生成

问题解决前：跨域错误，接口是他人的应该是有配置好的，那就是前端的跨域问题了

解决之后，正常显示

解决方法：

在manifest.json中配置

"h5" : {
        "devServer" : {
            "disableHostCheck" : true,
            "proxy" : {
                "/api" : {
                    "target" : "http://xxxxxxxx.com", //目标接口域名
                    "changeOrigin" : true, //是否跨域
                    "secure" : true, // 设置支持https协议的代理
                    "pathRewrite" : {
                        "^/api" : ""
                    }
                },
				"/bpi" : {
					"target" : "http://xxx.xxx.xxx.xxx:xxxx", //要带上端口号
					"changeOrigin" : true, //是否跨域
					"secure" : true, // 设置支持https协议的代理
					"pathRewrite" : {
						"^/bpi" : ""
					}
				}
            }
        }
    }

之后发起请求H5要用/api来代替之前的地址

原先是这样的