项目中请求的内部转发:proxyTable

花了一个月左右写完了一个全栈商城,server端使用的是node,数据库mongodb,前端是vue全家桶,这里想和大家分享一下在写项目的时候遇到的一个小问题,希望全栈路上奋斗的童鞋们可以多多交流,共同努力。
这个问题就是请求的内部转发:
来看一下我server端定义的路由结构:
项目中请求的内部转发:proxyTable_第1张图片
这是我定义的一个将商品加入购物车的接口,由于构建的时候已经先定义好了几个一级路由,如下
项目中请求的内部转发:proxyTable_第2张图片
所以我的的访问请求应该是 /goods/addCart,并且server端定义的监听端口 localhost:3000,完整请求为:
localhost:3000/goods/addCart
但是我们在前端启动项目的时候,请求是在前端配置的localhost:8080,所以这里会存在一个转发的步骤,代码如下:
项目中请求的内部转发:proxyTable_第3张图片
在根目录下的config文件夹下的index.js 这是vue项目构建的时候自动生成的;
使用proxyTable进行内部的请求转发,上面代码的意思是当你的前端请求路径包含 goods/xxxx时,自动转发给下面的 target中的配置的地址,
注意如果还存在三级路由,则goods/**可以匹配多层
同时需要注意,proxyTable只能在项目还没上线的时候使用,等到项目上线部署推荐使用nginx反向代理等方法

你可能感兴趣的:(努力,搬砖)