uni-app h5通过浏览器打开显示跨域,网上很多方法都不行,经过我的尝试,终于找到了解决办法。
1.打开manifest.json配置文件,点击源码视图,在里面加上下面这段代码:
"h5": {
"devServer": {
"https": false,
"proxy": {
"/api": {
"target": "http://www.zhiboblog.com",//你的接口地址
"changeOrigin": true,
"ws": true,
"pathRewrite": {
"^/api": ""
}
}
}
}
}
"devServer": {
"https": false,
"proxy": {
"/api": {
"target": "http://www.zhiboblog.com",//你的接口地址
"changeOrigin": true,
"ws": true,
"pathRewrite": {
"^/api": ""
}
}
}
}
}
2.然后在公共变量文件中,写一下条件编译,如果不是h5就直接用真实的接口地址,如果是h5就用/api来做接口地址
// #ifndef H5
siteurl: 'http://www.zhiboblog.com',
// #endif
// #ifdef H5
siteurl: '/api',
// #endif
siteurl: 'http://www.zhiboblog.com',
// #endif
// #ifdef H5
siteurl: '/api',
// #endif
这样h5通过浏览器打开就不会显示跨域了,此方法亲测有效。