webpack-dev-serve遇到Cannot GET 问题的解决方案

原创已于 2022-03-21 15:47:07 修改 · 3.5k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #webpack #node.js

于 2022-03-20 11:56:01 首次发布

本文介绍了如何在webpack-dev-server中解决'Cannot GET/'问题，通过在webpack.config.js中修改devServer配置，将'./'目录下的文件映射到localhost:8080。简单几步解决开发环境部署难题。

在使用webpack-dev-serve的时候成功运行了serve，并且在localhost:8080端口运行，但是打开网页只能看到Cannot GET /

排查后发现可能是这个路径的问题

要设置这个路径的问题很简单，只要在webpack.config.js下做如下修改就可以了

module.exports = {
	mode: 'development', //mode用来指定构建模式，可选值有development和production
    //加入下面这段告知 webpack-dev-server，将 './' 目录下的文件 serve 到 localhost:8080 下(寄存到服务器下)
	devServer: {
		static: "./"
	}
}