uni-app 调试时 网页跨域问题

文章讲述了在uniapp中遇到的跨域问题,通过修改manifest.json中的devServer配置,设置proxy进行代理解决,并解释了pathRewrite用于重写路径的概念和用法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

初识uniapp做点小工具

本来我是想这样获取网络数据的

uni.request({
    url: 'http://192.168.1.99/apixxx/test36',
    method:'POST',

但网页端报错:

Access to XMLHttpRequest at '*' from origin '*' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

找了几个解决的方法,但实在没看懂,最后终于摸索出来

首先上面的改为

uni.request({
    url: '/apixxx/test36',
    method:'POST',

然后改manifest.json(这文件改过后要重新编译)

        "devServer" : {
            "https" : false,
            //配置跨域
            "disableHostCheck" : true,
            "proxy" : {
                "/apixxx" : {
                    "target" : "http://192.168.1.99:80",
                    "secure" : false,
                    "changOrigin" : true,
                }
            }
        },

这样就能正常获取数据了

 然后再发行发布,运行到服务器上看看,正常

 

之前照着网上的方法一直不对,或者发布后地址不对

就在于加了"pathRewrite":{"^/XXX":""}

这是,是否重写路径

"pathRewrite": {'^/api': '/ccc'}

这个的意思就是把"/api"这个路径替换成'/ccc'路径

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值