跨域问题完美的解决方案

报错如下

uni-app社区交友问题汇总/14/1

解决方案

打开 manifest.json
选择 h5 配置在源码视图中可能看不到 h5 的配置项, 可以先选择 hash 模式

uni-app社区交友问题汇总/14/2

打开源码视图找到如下代码

uni-app社区交友问题汇总/14/3

删除以下代码

json5

"h5": {
  "router": {
      "mode": "hash"
   }
}

更新代码

json5

"h5": {
  "devServer": {
    "proxy": {
      "/dev-api": {
        "target": "http://你的网址/api/v1",
        "changeOrigin": true,
        "pathRewrite": {
          "^/dev-api": ""
        }
      }
    }
  }
}

只需要变更你的网址，完成后重新启动项目

请求访问

uni.request({
  url: "/dev-api/post/1",
  success: (res) => {
    console.log(res);
  },
});

此时控制台将得到正确的结果

uni-app社区交友问题汇总/14/4

然后这时候你已经重启完项目了，看一下效果

跨域问题完美的解决方案 ​

跨域问题完美的解决方案