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"，成功返回数据，问题解决 ~

 

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