uniapp开发h5解决跨域问题的方法

最新推荐文章于 2024-09-17 23:50:09 发布

沙漠中海

最新推荐文章于 2024-09-17 23:50:09 发布

阅读量1.2k

点赞数

分类专栏：开发笔记文章标签： vue.js uni-app ajax跨域问题前端

本文链接：https://blog.csdn.net/lschuangye/article/details/116491301

版权

开发笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

本文介绍了在uniapp开发H5时遇到跨域问题的解决方案。首先，可以通过Hbuilder的预览功能，利用其内置浏览器忽略跨域限制。其次，详细讲解了如何修改vue.config.js文件，设置代理来实现跨域。在devServer对象内配置proxy，将目标接口指向后台地址，并开启跨域支持。然后，在代码中使用配置的代理名称。通过这些步骤，可以有效解决uniapp开发过程中的跨域问题。

摘要由CSDN通过智能技术生成

一、使用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统一管理接口列表的