• 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

  • 相关阅读:
    表管理和索引,外键作用
    小场景 shell 应用
    高并发Linux系统及kernel参数优化
    H3C F100-M-G 配置2条数字专线
    yun update更新后 vm-workstation 找不到kernel
    布局页面
    第八节课
    第七堂课
    第六堂课 框架和样式表的基础
    第五节课 表单元素
  • 原文地址:https://www.cnblogs.com/wt645631686/p/15733222.html
Copyright © 2020-2023  润新知