使用 webpack-dev-server时浏览器页面提示cannot get/

芝婵

关注

阅读 38

2022-03-30

问题:

刚开始接触webpack用webpack-dev-server的插件可能会遇到打开浏览器时可能会出现Cannot GET的提示:
请添加图片描述

解决方法:

1.修改webpack.config.js配置文件

修改module.exports={}里面的内容,新增devServer:{}里面内容如下:
修改的内容
static是指定访问端口时默认访问的目录,参数为./dist代表打开网页即可默认访问根目录下的dist文件夹,如果不设置则默认访问根目录

2.使用html-webpack-plugin插件

详细见文章中的第九小节中的html-webpack-plugin插件介绍

精彩评论(0)

0 0 举报