8-1 viewsets实现商品详情页接口

数据重新导入后:

第一步:

修改

1. 生鲜食品

2.酒水饮料

3.粮油副食

4.蔬菜水果

5.休闲食品

设置5个导航

第二步:

把host 改成 localhost

//获取商品列表
export const getGoods = params => { return axios.get(`${local_host}/goods/`, { params: params }) }

====================================================

仅仅下面一行代码,就可以解决商品详情页

mixins.RetrieveModelMixin

下面看一下效果:

商品详情页信息都显示了

修改

//商品详情
export const getGoodsDetail = goodId => { return axios.get(`${host}/goods/${goodId}`+'/') }

为:

//商品详情
export const getGoodsDetail = goodId => { return axios.get(`${local_host}/goods/${goodId}`+'/') }

点击生鲜食品

再点击

可以显示商品详情页

田然牛肉大黄瓜条生鲜牛肉冷冻真空黄牛

猜你喜欢

转载自blog.csdn.net/huanglianggu/article/details/89817299