Vue中的请求转发配置

当我们使用vue和springboot开发前后端分离项目时,由于前端项目和后端项目在不同的端口下启动,前端的网络请求无法直接发送到后端,因此需要配置请求转发。
下面介绍配置方式。
修改config目录下的index.js文件,修改proxyTable,代码如下:

proxyTable:{
	'/':{
		target:'http://localhost:8082', #这个就是后端的地址。
		changeOrigin:true,
		pathRewrite:{
			'^/':''
			}
		},
	'/ws/*':{
		target:'ws://127.0.0.1:8082',
		ws:true
		}
	},

这里配置了两条规则,第一条是配置HTTP请求转发,第二条是配置WebSocket请求转发,WebSocket请求在即时通信中会使用到(这个不懂先不管)。

最后当我们把前后端合起来的时候,我们直接访问
http://localhost:8082/index.html其实就是访问前端的index.html,但是这个时候,前端的请求就可以发到后端了。

Logo

前往低代码交流专区

更多推荐