您好,欢迎来到爱够旅游网。
搜索
您的当前位置:首页解决uni-app开发环境中H5端跨域问题

解决uni-app开发环境中H5端跨域问题

来源:爱够旅游网

根据官方文档的描述,devServer配置被要求在manifest.json去配置,并且由于这个配置文件是json格式的,所以只能对简单类型进行配置。但对于proxy这项配置来说也是足够了的。直接如下方式配置即可解决:

// manifest.json
{
    "h5": {
        "devServer": {
            "proxy": {
                "/api": {
                    "target": "https://www.xxxx.com",
                    "pathRewrite": {
                        "^/api": ""
                    }
                }
            }
        }
    }
}
// vue.config.js
module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'https://www.xxxx.com',
        pathRewrite: {
          '^/api': ''
        }
      }
    },
  }
}

这种办法的好处显而易见,用js而非json去配置会更加的灵活,需要注意的是以上两种方案不能同时使用,第一种会覆盖第二种方案,配置完成后记得重启服务。

请求示例

	uni.request({
		url: '/api/publicuser/login',
		method: 'POST',
		success: (res) => {
			console.log(res)
		},
		fail: (err) => {
			
		}
	})

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- igbc.cn 版权所有 湘ICP备2023023988号-5

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务