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

原创设计定制开发

满足您的个性化需求

当前位置：首页

0 0

uniapp h5页面跨域

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

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

跨域问题一般出现在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)=>{
				
			}
		});