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

相关推荐
林涧泣8 小时前
【Uniapp-Vue3】解决uni-popup弹窗在安全区显示透明问题
前端·vue.js·uni-app
寰宇软件2 天前
PHP场馆预定系统小程序
小程序·uni-app·vue·php
林涧泣2 天前
【Uniapp-Vue3】触底加载更多
uni-app
新青年.3 天前
【uniapp】uniapp使用java线程池
javascript·uni-app
答题卡上的情书3 天前
uniapp版本升级
前端·javascript·uni-app
向明天乄3 天前
uniapp 地图添加,删除,编辑标记,在地图中根据屏幕范围中呈现标记
android·java·uni-app
大叔_爱编程3 天前
wx044基于springboot+vue+uniapp的智慧物业平台小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
林涧泣3 天前
【Uniapp-Vue3】图片lazy-load懒加载
uni-app
大叔_爱编程4 天前
wx043基于springboot+vue+uniapp的智慧物流小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
林涧泣5 天前
【Uniapp-Vue3】StorageSync数据缓存API
前端·javascript·uni-app