ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

uniapp开发模式访问接口提示跨域问题解决方案

2026/8/9 3:53:54 拓冰建站 浏览量
uniapp开发模式访问接口提示跨域问题解决方案

  1. 开发工具Hbuilder X打开manifest.json
  2. 选择源码视图
  3. 找到"h5"配置项
  4. 加入如下配置"devServer" : {
    "proxy" : {
    "/api" : {
    // 测试
    "target" : "https://xx.cn", // 目标接口域名
    "changeOrigin" : true, // 是否跨域
    "pathRewrite" : {
    "^/api" : ""
    }
    }
    }
    },

         5. 请求域名更换为'/api'

        举例:(此处需要根据实际项目修改)

        // this.globalData.pre_url = siteInfo.siteroot;
this.globalData.pre_url = '/api';

此配置仅限开发模式,打包编译务必撤回。