使用webpack插件webpack-dev-server 出现Cannot GET/的解决办法

1. 出现问题

最近使用 webapck 的插件 webpack-dev-server，按照网络上的视频进行配置时，发现自己的项目总是出现Cannot GET/

2. 查询webpack中文文档

中文文档说，使用 webpack-dev-server 需要修改 webpack.config.js 配置文件

照做了之后发现打开的页面是 dist 文件夹下的 bundle.js (自己定义的输出文件)

并不能运行页面

3. 修改static

于是乎，又进行了一番查找，但是并没有很多相关的问题，猛然间细想，既然想要打开的是整个项目文件，那么就把 static 修改成了项目路径，一试发现果然如此

点击src文件，得到正常的运行结果

初学webpack， 很多原理都不太懂，网上出现 Cannot GET/ 的情况也有很多，导致的原因也多种多样。折腾了好些天，好在我的这个问题解决了，这个插件能够正常使用了，希望能够给到和我有相同情况的小伙伴一些帮助。