今天跑项目的时候遇到一个问题,早上跑的时候还好好的,午休完起来一看,页面报错了,
弹窗提示: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