uniapp解决h5跨域问题

最新推荐文章于 2024-07-04 23:14:58 发布

li@h

最新推荐文章于 2024-07-04 23:14:58 发布

阅读量767

点赞数

文章标签： uni-app chrome 前端

本文链接：https://blog.csdn.net/weixin_49066399/article/details/132984463

版权

本文介绍了如何在H5项目中通过manifest.json文件配置devServer的proxy来实现对特定接口的代理，以处理跨域问题，并展示了如何在Vue应用中使用环境变量设置基础URL。

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

我是用的最简单的方法进行去代理
在配置文件配置manifest.json 文件进行配置

	"h5": {
		"devServer": {
			"port": 8080, //端口号
			"disableHostCheck": true,
			"proxy": {
				"/dev-api": {
					"target": "http://192.12.1.88:8080", //目标接口域名
					"changeOrigin": true, //是否跨域
					"secure": true, // 设置支持https协议的代理
					"pathRewrite": { ///是否重写，重写路径,就是将上面的/替换为''
						"^/dev-api": ""
					}
				}
			}
		}
	},

在配置文件里做代理
在自己的配置发起请求地址

let url="http://192.12.1.88/dev-api"
const  baseUrl =process.env.VUE_APP_PLATFORM === "h5" ? '/dev-api' : url

//初始化请求配置
uni.$u.http.setConfig((config) => {
	console.log(config, 'setConfig')
	/* config 为默认全局配置*/
	config.baseURL = baseUrl; 
	config.credentials = true;
	return config
})