鍍金池/ 問答/HTML/ webpack-dev-server 拒絕了連接請求

webpack-dev-server 拒絕了連接請求

描述:npm run dev 開啟項目 沒有報錯 顯示無法訪問此網(wǎng)站
代碼:
package.json:

 *"scripts": {
    "dev": "webpack --watch --progress --config build/webpack.dev.conf.js",*
    
    

webpack.dev.conf.js:

const HOST = '127.0.0.1'
const PORT = '8080'

const devWebpackConfig = merge(baseWebpackConfig, {
  module: {
    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
  },
  // cheap-module-eval-source-map is faster for development
  devtool: config.dev.devtool,

  // these devServer options should be customized in /config/index.js
  devServer: {
    clientLogLevel: 'warning',
    historyApiFallback: true,
    hot: true,
    compress: true,
    host: HOST, 
    port: PORT,
    open: config.dev.autoOpenBrowser,
    overlay: config.dev.errorOverlay
      ? { warnings: false, errors: true }
      : false,
    publicPath: config.dev.assetsPublicPath,
    proxy: config.dev.proxyTable,
    quiet: true, // necessary for FriendlyErrorsPlugin
    watchOptions: {
      poll: config.dev.poll,
    }
  },
  
  
  **命令行運行結(jié)果:**
  
  
       I  Your application is running here: http://127.0.0.1:8080
Hash: 18d4dc75a621c9da106b
Version: webpack 3.10.0
Time: 5526ms
                                    Asset       Size  Chunks                    Chunk Names
                                     0.js     318 kB       0  [emitted]  [big]
           static/img/hr-logo.0b6a588.svg      12 kB          [emitted]
      static/img/company-logo.12e0af2.jpg    76.4 kB          [emitted]
         static/img/hr-banner.aeedebc.jpg    62.2 kB          [emitted]
    static/img/m-company-logo.0566242.jpg    54.6 kB          [emitted]
static/img/plus-banner-mobile.6a91180.svg    14.2 kB          [emitted]
       static/img/plus-banner.228bd34.jpg    82.2 kB          [emitted]
    static/img/zhichou-banner.886b8af.jpg    60.9 kB          [emitted]
         static/img/m-hr-logo.e5c7d89.svg    12.4 kB          [emitted]
                                     1.js     330 kB       1  [emitted]  [big]
                                     2.js     209 kB       2  [emitted]
                                   app.js     426 kB       3  [emitted]  [big]  app
                                 0.js.map     364 kB       0  [emitted]
                                 1.js.map     381 kB       1  [emitted]
                                 2.js.map     239 kB       2  [emitted]
                               app.js.map     525 kB       3  [emitted]         app
                               index.html  976 bytes          [emitted]
[./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/views/HomePage.vue] ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/views/HomePage.vue 547 bytes {2} [built]
[./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/views/HrPage.vue] ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/views/HrPage.vue 3.3 kB {0} [built]
[./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/views/PlusPage.vue] ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/views/PlusPage.vue 3.2 kB {1} [built]
[./node_modules/vue-loader/lib/template-compiler/index.js?{"id":"data-v-1a8461e6","hasScoped":false,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0&bustCache!./src/views/HrPage.vue] ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-1a8461e6","hasScoped":false,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0&bustCache!./src/views/HrPage.vue 11.5 kB {0} [built]
[./node_modules/vue-loader/lib/template-compiler/index.js?{"id":"data-v-24f5bec6","hasScoped":false,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0&bustCache!./src/views/PlusPage.vue] ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-24f5bec6","hasScoped":false,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0&bustCache!./src/views/PlusPage.vue 17.2 kB {1} [built]
[./node_modules/vue-loader/lib/template-compiler/index.js?{"id":"data-v-9ec71a3c","hasScoped":false,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0&bustCache!./src/views/HomePage.vue] ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-9ec71a3c","hasScoped":false,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0&bustCache!./src/views/HomePage.vue 3.11 kB {2} [built]
[./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 509 bytes {3} [built]

結(jié)果
[./src/main.js] ./src/main.js 231 bytes {3} [built]
[./src/router/index.js] ./src/router/index.js 503 bytes {3} [built]
[./src/store/index.js] ./src/store/index.js 765 bytes {3} [built]
[./src/views/HomePage.vue] ./src/views/HomePage.vue 1.67 kB {2} [built]
[./src/views/HrPage.vue] ./src/views/HrPage.vue 1.66 kB {0} [built]
[./src/views/PlusPage.vue] ./src/views/PlusPage.vue 1.67 kB {1} [built]
[./src/views/img/m-company-logo.jpg] ./src/views/img/m-company-logo.jpg 83 bytes {0} [built]
[./src/views/img/plus-banner-mobile.svg] ./src/views/img/plus-banner-mobile.svg 87 bytes {1} [built]
    + 113 hidden modules
Child html-webpack-plugin for "index.html":
     1 asset
    [./node_modules/html-webpack-plugin/lib/loader.js!./index.html] ./node_modules/html-webpack-plugin/lib/loader.js!./index.html 1.32 kB {0} [built]
    [./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 509 bytes {0} [built]
    [./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 517 bytes {0} [built]
        + 1 hidden module

結(jié)果http://localhost:8080/頁面顯示

無法訪問此網(wǎng)站
localhost 拒絕了我們的連接請求。

回答
編輯回答
尐飯團

應該是先需要npm run start

2018年7月27日 03:50
編輯回答
賤人曾

換一個端口試試,還有就是看看是不是防火墻的鍋

2018年2月8日 16:03
編輯回答
貓小柒

解決了嗎 同問?

2018年1月14日 12:44