uniapp的H5应用的跨域请求,解决办法

13,841次阅读
没有评论

共计 668 个字符,预计需要花费 2 分钟才能阅读完成。

网上多数的解决办:

在 vue.config.js 文件下进行代理,但是这个的话目前的一个作用不是很大,有时候都没调用到这个文件的代理

manifest.js 文件下进行代理的话,还是比较有用的,但是在这个文件的代理的话,要考虑到的是,自身要代理的 url,有多种情况的

如下是两种方法

第一种:

目前很多的一种写法

"proxy": {  
    "/api": { // 定义了一个代理规则,该规则将匹配所有以 "/api" 开头的请求路径  
        "target": "", // 指定了目标服务器的地址,即所有匹配的请求都将被转发到这个地址"changeOrigin": true, // 设置为 true 时,会修改请求头中的 host 字段,使其与目标 URL 一致。这对于需要验证请求来源的服务器很重要"pathRewrite": {// 用于重写请求的 URL 路径"/^api":""}  
    }  
}

第二种:

如果你的意图是将所有以 /api 开头的请求转发到 https://xxxtest.xxx.com/xxxx/services 路径下,那么应该直接在 target 中指定完整的 URL

想要在前端通过 /api/... 来访问它们,你可能不需要pathRewrite,除非后端还需要进一步的路径处理

"proxy": {  
    "/api": {  
        "target": "https://xxxtest.xxx.com/xxxx/services", // 注意这里直接包含了 /xxxx/services  
        "changeOrigin": true  
    }  
}

以上就是关于 uniapp 的 H5 端的跨域两种解决办法

原文地址: uniapp 的 H5 应用的跨域请求,解决办法

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-09-28发表,共计668字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)