解决uniapph5端跨域问题
今天在学习uniapp尝试请求一下接口,结果出现了以下报错。

很明显,跨域了!
想到之前写vue项目的时候遇到过这种问题,而刚学习的uniapp是基于vue的,所以解决办法应该差不多。
打开manifest.json文件点击源码视图。

写入这段代码
"h5":{
"devServer": {
"proxy": {
"/api": {
"target":"https://exam.cscscscs.top/",
"changeOrigin": true,
"secure": false,
"pathRewrite":{
"^/api":"/",
}
}
}
}
},
打开请求接口的文件。

然后就发现数据请求成功

之前写vue的一个项目时就遇到过跨域问题

//代理服务器配置,请求域名前加上/api,
//vue3会自动创建一个代理服务器,
//target配置项是请求接口域名,服务端请求服务端解决同源策略,跨域问题
//rewrite将axios请求域名截取/api删除
跟uniapp,基本是一模一样,只不过是要修改的文件不一样
vue项目是要修改vite.config.js。
uniapp要修改的是manifest.json。
这篇博客介绍了如何在uniapp的H5环境中解决跨域问题。通过修改manifest.json文件,设置代理服务器配置,实现了对指定接口的跨域请求。方法与Vue项目的处理相似,只需将vue项目的vite.config.js配置改为了uniapp的manifest.json。
1万+

被折叠的 条评论
为什么被折叠?



