uniapp配置跨域无效,uniapp小程序跨域
这篇文章给大家带来了关于uniapp跨域的知识，介绍了为什么会有跨域的问题，这是浏览器的一种安全保护机制。下面我们一起来看看相关的问题，希望对你有所帮助。
UNI-APP开发(仿饿)开发课程：进入学习
推荐：《uniapp教程》
为什么会有跨域问题？
由于浏览器的同源策略，是浏览器的一种安全保护机制。
浏览器从一个域名的网页请求另一个域名的资源时，协议、域名、端口都不一样，都是跨域的。
解决uniapp跨域问题的方法有很多。下面是一些常见的方式。
1. 使用 jsonp，可在我们封装的网络通讯中添加
数据类型：“jsonp”总结：
但是这个方法只支持get请求，post好像不行。
具体参考：https://www.imooc.com/article/291931.
2. 在uniapp根目录下的 manifest.json 添加
h5 :
devServer: {
代理:{
/8888: {
target : https://www . Baidu . com/API ，
changeOrigin: true，
路径重写:{
^/8888: /
}
},
/8800: {
target : https://www . Taobao . com/API ，
changeOrigin: true，
路径重写:{
^/8800:
}
}
}
}},总结：
这种方法虽然没有其他方法灵活，但是最适合uniapp，毕竟是官方配置文件。
具体参考：https://uniapp.dcloud.io/collocation/manifest? id=H5
3. uniapp根目录下新建文件 vue.config.js ,然后在里面添加
模块.导出={
devServer: {
代理服务器：{
/dev :
目标： https://www.baidu.com/api ，
changeOrigin:真的，
路径重写：{
^/dev:
}
}
},
}}总结：
这个配置方法可能没用，因为vue.config.js是vue3独有的，vue2对vue.config.js的配置是无效的。可以通过manifest.json文件中的vueVersion字段查看vue version。如下图：
具体参考：https://cli.vuejs.org/zh/config/#devserver-proxy
如果vue2跨域配置，请参考：https://blog.csdn.net/weixin _ 45679977/article/details/103004678。
4. 解除Google浏览器的跨域限制
TASKKILL/F/IM chrome . exestart chrome.exe-args-disable-we B- security-user-data-dir pause总结：
记得重启浏览器。
具体参考：https://blog.csdn.net/MisTTT/article/details/75976123
5. 其它方式
(1).直接运行在hbuilderx的内置浏览器中，uniapp官方在内置浏览器中做跨域处理。
(2).下载一个谷歌浏览器的跨域扩展程序：https://chrome . Google . com/web store/detail/allow-control-allow-origi/nlfbmbojpeghkpjhddihlkkiljbi。
请参考：https://ask.dcloud.net.cn/article/35267.
推荐：《uniapp热门教程》以上是帮助你了解uniapp跨域问题的详细内容(实例详解)。更多请关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。