localhost:8080にアクセスしても表示されない

前提・実現したいこと

https://www.monster-dive.com/blog/web_creative/20180608_001789.php
の記事を参考にvue.jsのサンプルアプリの作成を進めているのですがnpm startでYour application is running here: http://localhost:8080と出ていてアクセスしても表示されません

発生している問題・エラーメッセージ

このページは動作していません
この問題が何度も発生する場合は、サイト所有者にお問い合わせください。
HTTP ERROR 431

該当のソースコード

index.js

js
1module.exports = {
2  dev: {
3
4    // Paths
5    assetsSubDirectory: 'static',
6    assetsPublicPath: '/',
7    proxyTable: {},
8
9    // Various Dev Server settings
10    host: 'localhost', // can be overwritten by process.env.HOST
11    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
12    autoOpenBrowser: false,
13    errorOverlay: true,
14    notifyOnErrors: true,
15    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
16
17    
18    /**
19     * Source Maps
20     */
21
22    // https://webpack.js.org/configuration/devtool/#development
23    devtool: 'cheap-module-eval-source-map',
24
25    // If you have problems debugging vue-files in devtools,
26    // set this to false - it *may* help
27    // https://vue-loader.vuejs.org/en/options.html#cachebusting
28    cacheBusting: true,
29
30    cssSourceMap: true
31  },

試したこと

HTTP ERROR 431で調べてキャッシュの削除を行いました
他にもportの番号を5000に変えたりしたのですが変わりませんでした。

補足情報（FW/ツールのバージョンなど）

vue --version 2.9.6
node -version v12.14.1

行動規範の内容に同意します

回答2件

補足情報を見るとNode.jsを使用されているようですが、
Node.jsのサーバは脆弱性対策のためHTTPリクエストヘッダサイズが大きく減らされたとのことです。
Node.jsのHTTPリクエストヘッダの最大サイズでハマった話
こちらの原因はどうでしょうか？

投稿2020/01/16 05:19

yureighost

総合スコア2183

nasuk47

2020/01/16 05:54

記事みました。その記事のコマンドのnode --max-http-header-size=16384 index.jsを打つとそんなファイルないと返ってきたのでnode --max-http-header-size=16384 config/index.jsにするとエラーが返ってこなかったのでnpm startをしましたがconsoleのエラー内容は変わりませんでした。

行動規範の内容に同意します