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

巴特西

uni-app h5端跨域问题解决

最新文章

热门文章