uniapp H5页面设置跨域请求

记录一下本地服务在uniapp H5页面访问请求报跨域的错误

这是我在本地起的服务端口号为8088 ip大家可打开cmd 输入ipconfig 查看

第一种方法

在源码视图中配置

复制代码
"devServer": {
			"https": false, // 是否启用 https 协议,默认false
			"port": 8080,
			"proxy": {
				"/devapi": {
					"target": "http://XXXXXXXXXX:8088",
					"changeOrigin": true, //是否跨域
					"secure": false, // 设置支持https协议的代理
					"pathRewrite": {
						"^/devapi": ""
					}
				}
			}
		},

第二种方法 新建vue.config.js

复制代码
// module.exports = {
// 	devServer: {
// 		port: 8080,
// 		disableHostCheck: true,
// 		proxy: {
// 			"/devapi": {
// 				"target": "http://XXXXXXXXXX:8088",
// 				"changeOrigin": true, //是否跨域
// 				"secure": false, // 设置支持https协议的代理
// 				"pathRewrite": {
// 					"^/devapi": ""
// 				}
// 			}
// 		}
// 	}
// }

因为我这里转发的前缀是 /devapi 所以要在基本请求路径后拼接上前缀(封装请求的文章请看我上一篇)

这个是我服务的请求路径 (参考) 前端只是加了一个前缀方便转发

最后效果图

相关推荐
264玫瑰资源库22 分钟前
问道数码兽 怀旧剧情回合手游源码搭建教程(反查重优化版)
java·开发语言·前端·游戏
喝拿铁写前端33 分钟前
从圣经Babel到现代编译器:没开玩笑,普通程序员也能写出自己的编译器!
前端·架构·前端框架
HED39 分钟前
VUE项目发版后用户访问的仍然是旧页面?原因和解决方案都在这啦!
前端·vue.js
拉不动的猪1 小时前
前端自做埋点,我们应该要注意的几个问题
前端·javascript·面试
王景程1 小时前
如何测试短信接口
java·服务器·前端
安冬的码畜日常2 小时前
【AI 加持下的 Python 编程实战 2_10】DIY 拓展:从扫雷小游戏开发再探问题分解与 AI 代码调试能力(中)
开发语言·前端·人工智能·ai·扫雷游戏·ai辅助编程·辅助编程
烛阴2 小时前
Node.js中必备的中间件大全:提升性能、安全与开发效率的秘密武器
javascript·后端·express
小杨升级打怪中2 小时前
前端面经-JS篇(三)--事件、性能优化、防抖与节流
前端·javascript·xss
清风细雨_林木木2 小时前
Vue开发网站会有“#”原因是前端路由使用了 Hash 模式
前端·vue.js·哈希算法
鸿蒙布道师2 小时前
OpenAI为何觊觎Chrome?AI时代浏览器争夺战背后的深层逻辑
前端·人工智能·chrome·深度学习·opencv·自然语言处理·chatgpt