精易论坛

标题: uniapp做的h5端跨域问题 [打印本页]

作者: digauwl 时间: 2022-1-19 12:22
标题: uniapp做的h5端跨域问题
请求地址：http://127.0.0.1:8881/uniapplogin

[JavaScript] 纯文本查看 复制代码

uni.request({

                                            url: 'http://127.0.0.1:8881/uniapplogin', 

                                            data: {

                                                input: e.detail.value.input,

                                                        input1: e.detail.value.input1

                                            },

                                            header: {

                                                'custom-header': 'hello' //自定义请求头信息

                                            }

manifest.json中h5的设置

[JavaScript] 纯文本查看 复制代码

"devServer" : {

            "https" : false,

            "disableHostCheck" : true,

            "port" : 8881,        //  你的端口

            "proxy" : {

                "/uniapplogin" : {

                    "target" : "http://127.0.0.1",  //  服务器地址

                    "changeOrigin" : true,

                    "secure" : false,

                    "pathRewrite" : {

                        "^/uniapplogin" : ""

                    }

                }

            }

        }

但是还是提示错误：
from origin 'http://localhost:3000' has been blocked by CORS policy: Request header field custom-header is not allowed by Access-Control-Allow-Headers in preflight response.

谢谢老师的解答！！！

作者: bm123 时间: 2022-1-19 17:07
把请求的ip去了

作者: fengxiaokun 时间: 2022-1-19 23:37
1233211234567

作者: jinwan250aaa 时间: 2022-1-27 00:44
这是干啥的？

作者: 1023959388 时间: 2022-2-5 16:42
学习一下~！

作者: 不停 时间: 2022-11-25 22:14
本帖最后由不停于 2022-11-25 22:19 编辑

一般处理方法有两种，一个是用d理（proxy），一个是在服务端做处理。在服务端返回响应头，允许这个来访域:端口通过请求。一般来说是加入以下响应头：

[PHP] 纯文本查看 复制代码

Access-Control-Allow-Origin: 

*  // 有些时候上面的 允许所有请求 依旧会被拦截下来，所以建议用下面这种，允许来自127.0.0.1:3000 的请求，其他的就拒绝  



Access-Control-Allow-Origin:127.0.0.1:3000

作者: wuyou1234 时间: 2024-2-18 10:24
通过6楼的回答，解决问题了吗？楼主

欢迎光临精易论坛 (https://125.confly.eu.org/)