一、使用Hbuilder右上角的预览,Hbuilder内置浏览器调试跨域忽略掉跨域问题

二、修改vue.config.js配置文件

1.在devServer{}内加入代理

devServer: {
	proxy: {  //配置跨域
	    '/host': {
	        target: 'https://xxx.xxx.com',  //这里后台的地址模拟的;应该填写你们真实的后台接口
	        changOrigin: true,  //允许跨域
	        pathRewrite: {
	            '^/host': '' 
	        }
	    },
	},
	disableHostCheck: true
}

2.在需要使用域名的地方使用“host”即可

例如我这里有一个api.js统一管理接口列表的

以上就是解决uniapp中开发h5发生跨域的解决办法了。

 

Logo

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

更多推荐