QQ咨询 官方微信

添加微信好友

官方小程序

百度小程序

微信小程序

头条小程序

关于我们

uniapp

uniapp H5出现跨域问题

 shitouadmin  2024-06-20 13:19:42
uniapp编译成小程序一般不会出现跨域问题,但是编译成H5则可能出现,解决办法:
方法一:
直接编译Hbuilder内置浏览器直接预览

方法二: 在manifest.json文件中配置跨域,该方法类似vue.config.js中的devServer
1、用Hbulidex打开manifest.json,找到“源码视图”

2、添加代码:
  1. "h5" : { 
  2.         "devServer": { 
  3.             "disableHostCheck" : true
  4.             "proxy": { 
  5.                 "/api": { 
  6.                     "target""http://www.xunrui.com"
  7.                     "changeOrigin":true
  8.                     // "secure" : false, 
  9.                     "pathRewrite":{"^/api":""
  10.                 } 
  11.             }, 
  12.             "https" : false 
  13.         } 
  14.     } 
3、然后找到你的api请求的地方,根域名设置为/api,例:
  1. baseURL:'/api' 
这样本地请求的时候会自动把http:localhost:8080/api/自动转成你的网址

4、设置之后一定记得重新编译项目,否则会报404错误

方法三、直接在项目根目录创建一个vue.config.js文件,配置跟方法二一样
注意:该方法跟2一样的,uniapp会识别这个vue.config.js文件,不过manifest.json的优先级
要高于vue.config.js文件



¥ 打赏
×
如果您觉得文章帮助了您就打赏一下吧
非常感谢你的打赏,我们将继续分享更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏

本文《uniapp H5出现跨域问题》发布于石头博客文章,作者:shitouadmin,如若转载,请注明出处:https://www.pweb123.com/frame/uniapp/1004.html,否则禁止转载,谢谢配合!

文章点评

我来说两句 已有0条评论
点击图片更换

添加微信好友

添加微信好友

微信小程序

百度小程序