老师,还是有点不清楚点击精选折扣如何跳转到详情页,跳转过去报错了

来源:5-2 项目作业

无名小码农

2021-09-07 15:31:56

相关代码:

{{each items}}
<li class="product-item">
<a href="./details.html?id={{$value.id}}">
<p class="product-pic">
<img src="{{$value.url}}" alt="" class="product-img"/>
</p>
<p class="product-name">
{{$value.title}}
</p>
<p class="product-price">{{$value.price}}元起</p>
</a>
</li>
{{/each}}

相关截图:

https://img.mukewang.com/climg/613715670908b82d09710158.jpg

写回答

1回答

好帮手慕慕子

2021-09-07

同学你好, 因为webpack打包后,生成的index.html和details.html在同一文件夹下,所以可以直接在a标签的href属性中通过相对路径跳转到详情页。

建议:先查看下webpack.config.js文件中有没有如下代码:

http://img.mukewang.com/climg/60f9454109ff7c5405470144.jpg

如果没有的话就添加上,添加之后重新启动项目试试。如果还是不可以,建议把你的项目目录截图和webpack.config.js文件中的代码粘贴过来,老师帮你测试下

祝学习愉快~

0

0 学习 · 15276 问题

查看课程