解决webpack配置时8080端口Cannot GET /问题

今天在新电脑上配置webpack-dev-server插件，

localhost:8080端口进入后，白屏显示Cannot GET /

上网搜索后有人建议config–>index.js中的 assetsPublicPath: '/'改成`assetsPublicPath: ‘./’

（原文：）

但本人试验后未成功

继续找解决方案...

有人建议在根目录中webpack.config.js文件更改，如下所示：

module.exports = {
  mode: "development",

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

（原文：）

有效果，至少可以进入8080端口（不再显示Cannot GET）但直接进入了dist目录

思考后，更改为：

module.exports = {
    //代表webpack运行模式，可选值有两个development（开发模式）和production（上传项目模式）
    mode: 'development',

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

 改好后，保存，npm run dev一下，8080成功进入了项目文件！注意一下地址，原来的./dist会直接进入项目/dist/导致只能看到main.js。

（自己解决问题是一个重要的成长过程，虽然这个问题很简单，但我还是决定记录一下）