今天打算调接口,结果报出跨域问题,uniapp官方推荐的方法是在 manifest.json添加段代码

在uniapp根目录下的 manifest.json 添加

// manifest.json
{
    "h5": {
        "devServer": {
            "proxy": {
                "/prefix/api/user/list": {
                    "target": "https://api-remote.xxxx.com",  // 服务代理地址,这里的地址会代替axios中设置的baseURL地址
                    "pathRewrite": { //重写url
                        "^/prefix": ""
                    }
                }
            }
        }
    }
}

但是我是vue 2版本设置后不生效!
在这里插入图片描述

解决方案:
在项目的根目录中创建vue.config.js,代码如下:

module.exports = {
  devServer: {
    proxy: {
      '/dev': {
        target: 'https://www.baidu.com/api',
        changeOrigin: true,
        pathRewrite: {
          '^/dev': ''
        }
      }
    },
  }
}

然后问题就解决啦!希望可以帮到你!

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐