zoukankan      html  css  js  c++  java
  • Unapp H5端跨域问题

    报错

    Access to XMLHttpRequest at 'http://www.localtest.com/api/api/v1/job/getPositionList' from origin 'http://localhost:8080' has been blocked by CORS policy: Request header field os-version is not allowed by Access-Control-Allow-Headers in preflight response.

    原本请求接口

    http://www.localtest.com/api/api/v1/job/getPositionList

    解决方法 

    在manifest.json文件中配置跨域,该方法类似vue.config.js中的devServer

     

    "h5" : {
            "devServer" : {
                "disableHostCheck" : true, // 开启可以用自己的域名
                "proxy": {
                  "/api": {
                    "target": "http://www.localtest.com",
                    "changeOrigin" : true,
                    "secure" : false,
                    "pathRewrite": { //匹配请求路径里面有 /api 会替换成https://www.test.com
                    // 举例:/api/api/user => https://www.localtest.com/api/user
                      "^/api": ""
                    }
                  }
                }
            }
        }

    另外

    baseUrl = process.env.NODE_ENV === 'development' ? '/api' : 'https://www.localtest.com' 
    然后uni.request请求的url应该是这样:
    baseUrl + '/user/info'
    然后浏览器看到的请求地址应该是 http://localhost:8080/user/info

  • 相关阅读:
    python常用模块②
    python常用模块①
    面向对象相关部分双下划线方法补充
    面向对象进阶 上
    面向对象初识④
    面向对象初识③
    综合架构-负载均衡
    wecent 搭建
    综合架构--存储
    综合架构--备份
  • 原文地址:https://www.cnblogs.com/wt645631686/p/15733222.html
Copyright © 2011-2022 走看看