Vue中的请求转发配置
Vue中的请求转发配置当我们使用vue和springboot开发前后端分离项目时,由于前端项目和后端项目在不同的端口下启动,前端的网络请求无法直接发送到后端,因此需要配置请求转发。下面介绍配置方式。修改config目录下的index.js文件,修改proxyTable,代码如下:proxyTable:{'/':{target:'http://localhost:8082', #这...
·
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,但是这个时候,前端的请求就可以发到后端了。
更多推荐
已为社区贡献2条内容
所有评论(0)