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就是封装的请求

相关推荐
木子啊13 分钟前
Uni-app导航栏适配终极避坑指南
uni-app·自定义导航栏·导航栏
2501_9151063219 分钟前
iOS 如何绕过 ATS 发送请求,iOS调试
android·ios·小程序·https·uni-app·iphone·webview
行走的陀螺仪11 小时前
uni-app + Vue3编辑页/新增页面给列表页传参
前端·vue.js·uni-app
森之鸟13 小时前
uniapp——配置鸿蒙环境,进行真机调试
华为·uni-app·harmonyos
2501_9159184116 小时前
常见 iOS 抓包工具的使用,从代理抓包、设备抓包到数据流抓包
android·ios·小程序·https·uni-app·iphone·webview
handsome091617 小时前
uniapp打包的app,报This app was built with the iOS 18.1 SDK解决方案
ios·uni-app
yqcoder18 小时前
uni-app 之 下拉刷新
运维·服务器·uni-app
liu_bees21 小时前
微信小程序Canvas生成图片失败:canvas is empty问题解析
微信小程序·小程序·uni-app·vue
木子啊21 小时前
Uni-app性能优化:分包与长列表实战
性能优化·uni-app
yqcoder1 天前
uni-app 之 设置 tabBar
运维·服务器·uni-app