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

相关推荐
游戏开发爱好者813 小时前
iOS 开发者的安全加固工具,从源码到成品 IPA 的多层防护体系实践
android·安全·ios·小程序·uni-app·cocoa·iphone
游戏开发爱好者816 小时前
Charles 抓不到包怎么办?从 HTTPS 代理排错到底层数据流补抓的完整解决方案
网络协议·http·ios·小程序·https·uni-app·iphone
骨子里的偏爱1 天前
uniapp实现数据存储到本地文件,除非卸载app,否则数据一直存在
javascript·chrome·uni-app
_Jyann_1 天前
uniapp两种方式实现自定义tabbar
前端·javascript·uni-app
郑州光合科技余经理1 天前
PHP技术栈:上门系统海外版开发与源码解析
java·开发语言·javascript·git·uni-app·php·uniapp
2501_915921431 天前
Fiddler抓包工具详解,HTTPHTTPS调试、代理配置与接口分析实战教程
服务器·ios·小程序·fiddler·uni-app·php·webview
undsky1 天前
【RuoYi-SpringBoot3-UniApp】:一套代码,多端运行的移动端开发方案
前端·uni-app
diygwcom1 天前
UniApp 鸿蒙NEXT蓝牙连接及数据写入
华为·uni-app·harmonyos
00后程序员张1 天前
数据流抓包实战指南,TCPUDP 流量分析、HTTPS 解密与多工具协同方案
网络协议·http·ios·小程序·https·uni-app·iphone
2501_915921431 天前
iOS 性能分析工具全景解析,构建从底层诊断到真机监控的多层级性能分析体系
android·ios·小程序·https·uni-app·iphone·webview