今天打算调接口,结果报出跨域问题,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

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐