解决使用webpack-dev-server打包后，浏览器显示Cannot GET /

在使用webpack-dev-server": "^4.9.2"对项目进行打包操作之后，使用生成的本地地址localhost:8080在浏览器打开后显示Cannot GET /，本以为是端口占用的问题，cmd杀进程之后发现不是。
后面找到了两种解决方案。推荐使用第二种。
一.降低webpack-dev-server版本使用3.11.2亲测可行,在终端中运行

npm remove webpack-dev-server

再安装指定版本

npm i webpack-dev-server@3.11.2

二.在webpack.config.js文件中添加devServer节点进行配置就能解决。static是默认的打开文件路径

devServer: {
        static: "./",
      },

当然要是想直接看到页面效果可以将static修改成为

devServer:{
	static:"html文件所在当前文件的相对路径"
}

还可以在这个节点中配置其他浏览器打开的路径，端口设置

devServer: {
	open: true,//初次打包完成后，自动打开浏览器
	host: '127.0.0.1',//实时打包所使用的主机地址
	port: 80 //实时打包锁使用的端口号
}

在修改其中设置以后记得重启项目
在修改其中设置以后记得重启项目
在修改其中设置以后记得重启项目
重要的事说三遍