uniapp(H5)设置反向代理,设置成功后页面报错

设置反向代理后,页面报错图:

反向代理代码:devServer下面就是配置对应的代理,一般这样就没问题了

javascript 复制代码
"h5": {
		"router": {
			"mode": "hash"
		},
		"devServer": {
			"port": 5173, // 自己的端口号
			"disableHostCheck": true,
			"proxy": {
				"/api": {
					"target": "http://192.168.113.210:8087/", //目标接口域名
					"changeOrigin": true, //是否跨域
					"secure": false
				}
			}

		},
		"optimization": {
			"treeShaking": {
				"enable": false
			}
		}

	}

我遇到的这个问题,是因为在设置接口文档的时候,喜欢用

javascript 复制代码
import {
		getBumenlistt
	} from "@/api/api.js"

文件自动把/api当初后端请求接口,所以报错的时候 报的是 网络连接问题。

把文件名字改了就行,jiekou.js就是封装的请求

相关推荐
耶啵奶膘3 小时前
uniapp——地图路线绘制map
uni-app
shadouqi3 小时前
uniapp实现图片预览,懒加载,下拉刷新等
uni-app
走,带你去玩4 小时前
uniapp 微信小程序水印
微信小程序·小程序·uni-app
菌菇汤6 小时前
uni-app实现单选,多选也能搜索,勾选,选择,回显
前端·javascript·vue.js·微信小程序·uni-app·app
某公司摸鱼前端13 小时前
uniapp socket 封装 (可拿去直接用)
前端·javascript·websocket·uni-app
遗憾随她而去.16 小时前
uniapp 中使用路由导航守卫,进行登录鉴权
前端·uni-app
牧杉-惊蛰20 小时前
uniapp微信小程序css中background-image失效问题
css·微信小程序·uni-app
Little_Code1 天前
uniapp 使用ffmpeg播放rtsp
ffmpeg·uni-app·rtsp
儿歌八万首1 天前
uniapp 和原生插件交互
uni-app·交互
儿歌八万首1 天前
UniApp 中实现智能吸顶 Tab 标签导航效果
前端·javascript·uni-app