15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页

uniapp h5页面跨域

李家霖| 发布于 2021-10-23 22:32:52| 120阅读| 0点赞| 0评论
举报

解决uniapp开发环境中的跨域问题

跨域问题一般出现在h5端   app  小程序是没有跨域的问题    

uni开发h5端在开发测试环境下  可以设置  manifest.json 文件下的 devServer 来解决跨域






 "devServer" : {
           "https" : false,
           "port" : 20000,
           "disableHostCheck" : true,
           "proxy" : {
               "/api" : {
                   "target" : "http://xxx.xxx.xxx/", // 需要跨域的域名
                   "changeOrigin" : true,
                   "secure" : false,
                   "pathRewrite" : {
                       "^/api" : "" //匹配请求路径里面有 api 替换成   需要跨域的域名
                   }
               }
           }
       }


如果请求路径中有api 则会自动的替换成配置好的 需要跨域的域名

配置好devServer  后的请求示例

        uni.request({
			url:"api/index/index",                        // 在请求是将会自动的将url编译成   devServer 中配置的需要跨域的路径 + /index/index
			data:data,
			method:"POST",
			success:(data)=>{
				
			}
		});





0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

李家霖
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部