无法访问index.html和out目录问题

出现的状况：

我将训练素材中index.html复制粘贴到idea中src的webapp下（即按照视频中的操作），后测试时无法访问localhost:8080/index.html这个网址，404。

（注意：启动tomcat后我自始至终都可以访问localhost:8080/login.html和localhost:8080/test.html）

后面我通过idea的直接访问浏览器访问了这个html，但没有相关css和js特效，见图。

问题：

这个404怎么解决，还有编译的设置，我之前的out目录起码还是显示了其他两个html，现在都没有了。

尝试过的解决方式：

我点开out的树状图，发现有login.html和test.html，但没有index.html，于是我想办法重新编译生成out，因为我依稀记得访问这个servlet是访问out目录下的文件。一同折腾后编译显示的out下的文件反而更少了，详情见图。

相关截图：

​