uni-app h5端跨域问题解决

例如我现在的项目运行在 http://localhost:8080,而我有个接口是 https://service.picasso.adesk.com/v1/wallpaper/album,发起请求就会出现跨域问题,以下是解决方法

首先找到 manifest.json 这个文件,在项目目录的src文件夹下,添加 "h5" 节点

 1 "h5": {
 2     "devServer": {
 3         "port": 8080,
 4         "disableHostCheck": true,
 5         "proxy": {
 6             "/dpc": {
 7                 "target": "https://service.picasso.adesk.com",
 8                 "changeOrigin": true,
 9                 "secure": true,
10                 "pathRewrite": {
11                     "^/dpc": ""
12                 }
13             }
14         }
15     }
16 }

然后发起请求,注意:原来的 "https://service.picasso.adesk.com" 需要替换成 "/dpc"

2  url: '/dpc/v1/wallpaper/album', 
3     success: (res) => {
4         console.log(res.data)
5     }
6 })

查看请求路径,如图,由 "https://service.picasso.adesk.com/v1/wallpaper/album" 变为了 "http://localhost:8080/dpc/v1/wallpaper/album",成功返回数据,问题解决 ~

uni-app h5端跨域问题解决

 uni-app h5端跨域问题解决

 

 

参考文章:https://blog.csdn.net/paopao79085/article/details/91948809

 

上一篇:【album】语音合成技术


下一篇:一个不懂算法的产品“撩”推荐应用