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}`+'/') }

 

点击生鲜食品

 

再点击

 

可以显示商品详情页

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