根据ID不同详情页面如何获取数据
来源：1-7 Vue项目详情页 - 动态获取详情页面数据
陈立天
2020-10-26 17:47:06
# 具体遇到的问题
案例是学会了如何点击这个获取数据， 那如何做到点击不一样的内容 展示不一样的详情页面数据啊？ 这个id怎么利用起来？
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码，切记添加代码注释（请勿截图）
在这里输入代码，可通过选择【代码语言】突出显示
3回答
-
同学你好，问题解答如下：
proxyTable是用来中转请求的（就是路径转换的意思），比如截图中配置的含义是：当请求“/api/XXX”这样的地址时，vue会将请求地址转到“http://localhost:8080/static/mock”下，即实际上请求的是static/mock文件中的内容。这样配置，可以简化书写请求路径。比如配置后，直接写“/api/city.json”即可，如果不配置，则须要将路径写成“http://localhost:8080/static/mock/api/city.json”，比较麻烦。
祝学习愉快！
0 -
陈立天
提问者
2020-10-26
到现在我都不是很明白这样写是什么意思。。 我就知道在图2写成这样的话 开头要写api，图一就必须这样配置才能跳转到对应的static/mock下 我的理解就相当于一个路径的转换了。。 这样写的意思是什么 有什么意义？
0 -
好帮手慕久久
2020-10-26
同学你好，其实案例中，已经利用id来获取不同的数据了，如下：
只是由于/api/detail.json这个接口返回的内容是我们写死的（模拟的），因此无法实现根据id返回不同的数据。
实际开发中，只要将id传给后端，后端就会给我们返回不同的数据。而上面的代码，我们已经实现了将不同的id传给后端，因此id已经被利用了。
祝学习愉快！
0
