解决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。