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

 

uni-app h5端跨域问题解决

上一篇:Nagios监控之12:pnp4nagios自定义模板画图


下一篇:java-Struts 2验证不适用于动态表单字段