Vue中的请求转发配置

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，但是这个时候，前端的请求就可以发到后端了。