今天跑项目的时候遇到一个问题,早上跑的时候还好好的,午休完起来一看,页面报错了,

弹窗提示:proxy error: could not proxy request…from 我本地 to 目标地址。

终端报错:

Proxy error: Could not proxy request 接口url from 我本地 to 目标服务器

页面表现:页面可以打开,UI也可以展示,但是接口都是红的,报500

后端服务是有正常在启动的,而我本地也没有对代理配置做过任何改动。所以排除因后端发服务导致的波动或本地修改代理配置的原因。

查了一下,有可能是由端口号冲突引起的,于是尝试把本地端口号修改了一下,然后重新跑项目,问题解决啦!

dev: {
publicPath: ‘/’,
host: ‘127.0.0.1’, // 本地服务器
port: ‘3333’, // (修改点)本地默认端口,修改后重新跑就可以了
proxy: { // 代理配置
‘/api’: {
target: ‘代理目标地址’,
changeOrigin: true,

}
}
}

没错,端口号冲突引起的,我的是启动多个前端项目,他们用的一个端口。

解决方式:

方式1、修改其中一个前端的端口号

方式2、关闭其中一个前端项目

参考链接:

https://blog.csdn.net/m0_64398772/article/details/124800036