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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值