UniApp H5 跨域代理配置并使用（配置manifest.json、vue.config.js）

// manifest.json 中配置代理
{
  ...
  "h5" : {
    "devServer" : {
      "port": 8080,
      "proxy" : {
        "/api": {
          "target": "http://backend.example.com",
          "changeOrigin": true,
          "secure": false,
          "pathRewrite": {
            "^/api": ""
          }
        }
      }
    }
  }
  ...
}

// vue.config.js 中配置代理
module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://backend.example.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
};

以上代码示例展示了如何在manifest.json和vue.config.js中配置代理，使得在开发环境下运行的UniApp项目可以通过代理服务器访问不同域的后端API。这有助于解决开发过程中的跨域问题，并允许开发者在本地进行调试。