blocks|key|1172390|text|请参阅本期|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1172391|编辑node_modules/webpack-dev-server/lib/Server.js中的以下行(第425行)，更改为：
返回true；
我正在使用cloud9+IDE，然后运行：ng+serve+--port+8080+--host+0.0.0.0。现在工作得很好。|blockquote|style|CODE|1172392|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/angular/angular-cli/issues/6070#issuecomment-298208974^0|3|2|0|0|2|19|2M|Z|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@$A|V|B|W|G|H]|$A|X|B|Y|G|H]]|9|@]|C|$]]|$1|I|3|-4|5|6|7|Z|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

See <a href="https://github.com/angular/angular-cli/issues/6070#issuecomment-298208974" rel="nofollow noreferrer">this issue</a>

<blockquote>
 Edit the following line in
 <code>node_modules/webpack-dev-server/lib/Server.js</code> (line 425), change to:

<pre><code>return true;
</code></pre>
 
 I am using cloud9 IDE then run: <code>ng serve --port 8080 --host 0.0.0.0</code>.
 Now works fine.
</blockquote>

blocks|key|1111720|text|您需要执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1111721|ng+serve+--port+8080+--publicHost+123.34.56.78+//+your+server+ip+or+host+name.|code-block|syntax|javascript|1111722|为我工作。|1111723|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You need to run following:

<pre><code>ng serve --port 8080 --publicHost 123.34.56.78 // your server ip or host name.
</code></pre>

Works for me.

blocks|key|2824634|text|您需要指定主机|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2824635|ng+serve+--port+8080+--host+123.34.56.78|code-block|syntax|javascript|2824636|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You need to specify the host

<pre><code>ng serve --port 8080 --host 123.34.56.78
</code></pre>

blocks|key|2824659|text|这在youtube视频评论中得到了解决，这要归功于Mateusz+Sawa。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2824660|去这里看看吧。|2824661|-在package.json中指定主机不再起作用--|2824662|请注意，没有必要使用视频中使用的命令，下面的说明足以让应用程序使用常规的angular-cli开发。|CODE|2824663|首先，您需要在etc/文件夹中找到主机|2824664|在控制台中键入cd+..，直到您到达linux机器的根目录，并始终使用ls检查列出的内容|2824665|如果您看到主机文件，则位于正确的位置，然后使用sudo+vi+hosts编辑它。|2824666|添加以下一行："0.0.0.0您的工作区-yourusername.c9users.io“(当然没有引号:-)|2824667|同样在package.json中，更改"start"："ng服务于您的工作区-yourusername.c9users.io“|2824668|然后，您只需转到应用程序文件夹并使用npm+start启动终端中的应用程序即可。|2824669|刚才检查过了，它起作用了|2824670|entityMap|0|LINK|mutability|MUTABLE|url|https://youtu.be/0eaWoJsanSI^0|P|C|0|1|2|0|0|0|10|B|0|7|4|H|2|0|7|5|Z|2|0|5|2|N|D|0|0|0|I|9|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1B|8|@]|D|@$9|1C|A|1D|1|1E]]|E|$]]|$1|H|3|I|5|6|7|1F|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|1G|8|@$9|1H|A|1I|B|L]]|D|@]|E|$]]|$1|M|3|N|5|6|7|1J|8|@$9|1K|A|1L|B|C]|$9|1M|A|1N|B|C]]|D|@]|E|$]]|$1|O|3|P|5|6|7|1O|8|@$9|1P|A|1Q|B|L]|$9|1R|A|1S|B|L]]|D|@]|E|$]]|$1|Q|3|R|5|6|7|1T|8|@$9|1U|A|1V|B|C]|$9|1W|A|1X|B|L]]|D|@]|E|$]]|$1|S|3|T|5|6|7|1Y|8|@]|D|@]|E|$]]|$1|U|3|V|5|6|7|1Z|8|@]|D|@]|E|$]]|$1|W|3|X|5|6|7|20|8|@$9|21|A|22|B|L]]|D|@]|E|$]]|$1|Y|3|Z|5|6|7|23|8|@]|D|@]|E|$]]|$1|10|3|-4|5|6|7|24|8|@]|D|@]|E|$]]]|11|$12|$5|13|14|15|E|$16|17]]]]

This was actually solved in one of the youtube video comments thanks to Mateusz Sawa

Go <a href="https://youtu.be/0eaWoJsanSI" rel="nofollow noreferrer">here</a> to check it out.

-- specifyng a host in package.json does not work anymore --

just to note that it is not necessary to use the command that was used in the video, bellow instructions are enough to make the app work using regular <code>angular-cli</code> development

first you need to find the hosts in the etc/ folder

type <code>cd ..</code> in the console until you reach the root of the linux machine and check always with <code>ls</code> what is listed

if you see the hosts file, than you are in the right location and then use <code>sudo vi hosts</code> to edit it

add the line bellow all ip addresses "0.0.0.0 yourworkspace-yourusername.c9users.io" (without quotes of course :-) )

also in package.json change
"start": "ng serve -H yourworkspace-yourusername.c9users.io"

then you just need to go to the application folder and start the app in the terminal with <code>npm start</code>

checked it just now and it worked

blocks|key|1176408|text|参见：https://github.com/angular/angular-cli/issues/6070|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1176409|用国旗。例如：ng+serve+--host+<workspace>-<username>.c9users.io+--public|style|CODE|1176410|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/angular/angular-cli/issues/6070^0|3|1E|0|0|7|1M|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@$A|U|B|V|F|G]]|9|@]|C|$]]|$1|H|3|-4|5|6|7|W|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

Refer to: <a href="https://github.com/angular/angular-cli/issues/6070" rel="nofollow noreferrer">https://github.com/angular/angular-cli/issues/6070</a>

use the public flag. for example: <code>ng serve --host &lt;workspace&gt;-&lt;username&gt;.c9users.io --public</code>

blocks|key|1111767|text|使用下面的命令与最新版本的角CLI对我是有效的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1111768|ng+serve+--host+0.0.0.0+--public-host+<workspace>-<username>.c9users.io|code-block|syntax|javascript|1111769|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Using the command below with the latest version of Angular CLI works for me.

<pre><code>ng serve --host 0.0.0.0 --public-host &lt;workspace&gt;-&lt;username&gt;.c9users.io
</code></pre>

blocks|key|1111791|text|如果需要从--disable-host-check运行，则Cloud9标志可以正常工作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1111792|我使用以下命令：|1111793|ng+serve+--open+--host+$IP+--port+$PORT+--disable-host-check|code-block|syntax|javascript|1111794|entityMap^0|5|K|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|S|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

The <code>--disable-host-check</code> flag works fine if you need to run from Cloud9.

I use the following command:

<pre><code>ng serve --open --host $IP --port $PORT --disable-host-check
</code></pre>

blocks|key|1172444|text|使用下面的命令对我有效。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1172445|ng+serve+--host+0.0.0.0+--port+8080++--public+ipAddress|code-block|syntax|javascript|1172446|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Using the command below works for me. 

<pre><code>ng serve --host 0.0.0.0 --port 8080 --public ipAddress
</code></pre>

blocks|key|2824746|text|我也有同样的错误。公共选项为我解决了以下问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2824747|ng+serve+--host+0.0.0.0+--port+8080+--live-reload-port+8081+--public+$C9_HOSTNAME|code-block|syntax|javascript|2824748|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I got same error. Public option solved problem for me like below:

<pre><code>ng serve --host 0.0.0.0 --port 8080 --live-reload-port 8081 --public $C9_HOSTNAME
</code></pre>

blocks|key|1111877|text|您应该将0.0.0.0更改为本地IP地址，比如192.168.1.42，它应该可以工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1111878|ng+serve+--host+192.168.1.42|code-block|syntax|javascript|1111879|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You should just change 0.0.0.0 to your local IP address like 192.168.1.42 and it should work.

<pre><code>ng serve --host 192.168.1.42
</code></pre>

blocks|key|1176476|text|问题是，您只能访问您在-公共参数中指定的链接。在我的例子中，我提供了-公开的IP地址，并试图使用我在该IP上注册的域访问它。但是ng把它绑定到唯一公开提供的主机上。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1176477|为了解决这个问题，我又提供了一个参数：disable-host-check。完整命令：ng+serve+--disable-host-check+--host+0.0.0.0+--port+3100++--public++x.x.x.x|offset|length|style|CODE|1176478|想知道更多，单击此处|1176479|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/webpack/webpack-dev-server/issues/882^0|0|J|I|17|23|0|6|4|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@$D|T|E|U|F|G]|$D|V|E|W|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|X|8|@]|9|@$D|Y|E|Z|1|10]]|A|$]]|$1|J|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]]]

The thing is you can only access to link you have specified in --public parameter. In my case, I have provided the IP address in --public and trying to access it with the domain I registered against that IP. But ng binds it for the only host provided in --public.

To solve this problem, I supplied one more parameter: <code>disable-host-check</code>.
Complete command: <code>ng serve --disable-host-check --host 0.0.0.0 --port 3100 --public x.x.x.x</code> 

To know more, <a href="https://github.com/webpack/webpack-dev-server/issues/882" rel="nofollow noreferrer">click here</a>

blocks|key|2824798|text|当我试图使用localtunnel工具访问我们的应用程序时，我收到了这个错误。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2824799|@tarn关于将--disableHostCheck+true添加到ng+serve命令中的建议(来自对已接受的答案的评论)起了作用。|2824800|entityMap^0|6|B|0|8|N|Y|8|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|R|8|@]|D|@]|E|$]]]|I|$]]

I was getting this error when trying to access our app using the <code>localtunnel</code> utility. 

@tarn 's suggestion (from a comment on the accepted answer) of adding <code>--disableHostCheck true</code> to the <code>ng serve</code> command did the trick.

blocks|key|2824820|text|如果仍有任何人陷入invalid+host+header问题，以下是解决方案：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|2824821|运行ng+eject，它将创建webpack.config.js。如果有问题，请运行npm+install。在"disableHostCheck":true下面添加到webpack.config.js中的devServer。如下所示：|2824822|"devServer":+{
++++"historyApiFallback":+true,
++++"disableHostCheck"+:+true+//<--+add+this+line
++}|code-block|syntax|javascript|2824823|然后在package.json文件中更改ng下的start选项，如下所示|2824824|"start":+"webpack-dev-server+--host+0.0.0.0+--port+YOURPORT+--public+YOURIP:YOURPORT"|2824825|现在使用npm+start命令运行角。就是这样。|2824826|entityMap^0|9|J|9|J|0|2|8|F|H|16|B|1J|N|2B|H|2U|9|0|0|3|C|K|2|O|5|0|0|2D|0|4|9|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]|$9|Y|A|Z|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|10|8|@$9|11|A|12|B|D]|$9|13|A|14|B|D]|$9|15|A|16|B|D]|$9|17|A|18|B|D]|$9|19|A|1A|B|D]|$9|1B|A|1C|B|D]]|E|@]|F|$]]|$1|I|3|J|5|K|7|1D|8|@]|E|@]|F|$L|M]]|$1|N|3|O|5|6|7|1E|8|@$9|1F|A|1G|B|D]|$9|1H|A|1I|B|D]|$9|1J|A|1K|B|D]]|E|@]|F|$]]|$1|P|3|Q|5|6|7|1L|8|@$9|1M|A|1N|B|D]]|E|@]|F|$]]|$1|R|3|S|5|6|7|1O|8|@$9|1P|A|1Q|B|D]]|E|@]|F|$]]|$1|T|3|-4|5|6|7|1R|8|@]|E|@]|F|$]]]|U|$]]

Here is solution if anybody still stuck in <code>invalid host header</code> issue:

Run <code>ng eject</code> it will create the <code>webpack.config.js</code>. 
Run <code>npm install</code> if it is asking. 
Add below <code>"disableHostCheck":true</code> to <code>devServer</code> in <code>webpack.config.js</code>. Like below: 

<pre><code>"devServer": {
 "historyApiFallback": true,
 "disableHostCheck" : true //&lt;-- add this line
 }
</code></pre>

Then in <code>package.json</code> file change <code>start</code> option under <code>ng</code> like this

<code>"start": "webpack-dev-server --host 0.0.0.0 --port YOURPORT --public YOURIP:YOURPORT"</code>

Now run the angular with <code>npm start</code> command.
Thats it.

blocks|key|1172485|text|在具有bitnami图像的AWS+EC2实例上部署了我的角应用程序之后，我也面临着同样的错误。然后我用下面的命令启动了我的应用程序，它运行得很好。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1172486|ng+serve+--host+0.0.0.0+--port+8080+--disableHostCheck+true|code-block|syntax|javascript|1172487|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I was facing same error after deploying my angular app on AWS EC2 instance having bitnami image. Then i launched my app with below command and it worked fine.

<pre><code>ng serve --host 0.0.0.0 --port 8080 --disableHostCheck true
</code></pre>

blocks|key|2824859|text|下面这两种解决方案都会奏效。在命令行中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2824860|ng+serve+--public+--host+yourip+--port+yourportnumber|offset|length|style|CODE|2824861|ng+serve+--host+0.0.0.0+--port+yourport+--disableHostCheck+true|2824862|entityMap^0|0|0|1H|0|0|1R|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|K|$]]

Below both solutions will work. In command line :

<code>ng serve --public --host yourip --port yourportnumber</code>

<code>ng serve --host 0.0.0.0 --port yourport --disableHostCheck true</code>

blocks|key|2824885|text|使用下面的命令对角CLI有效:+6.0.7|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2824886|ng+serve+--host+0.0.0.0+--port+8080+--disableHostCheck|code-block|syntax|javascript|2824887|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Use the command below works for me for Angular CLI: 6.0.7

<pre><code>ng serve --host 0.0.0.0 --port 8080 --disableHostCheck
</code></pre>

blocks|key|1112090|text|测试在以下版本的角和服务器亚马逊。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1112091|Angular+CLI:+6.0.8
Node:+8.11.3
OS:+linux+x64
Angular:+5.2.8|code-block|syntax|javascript|1112092|ng命令选项已经更改，现在使用configuration而不是env。对我起作用的命令是|offset|length|style|CODE|1112093|+ng+serve+--configuration=dev++--port+4009+--host+0.0.0.0+--publicHost+myhost.com|1112094|不要在公共服务器上使用--disable-host-check。如果你用这个角会警告你的。这可能有效，但这是一个严重的安全问题。如果您使用该标志，您将收到此消息。|1112095|警告:使用禁用主机检查运行服务器是一种安全风险。有关详细信息，请参阅https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a。|blockquote|1112096|请花点时间读那篇文章，这是值得一读的。|1112097|entityMap|0|LINK|mutability|MUTABLE|url|https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a^0|0|0|F|D|V|3|0|0|B|K|0|Y|2D|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|15|8|@$I|16|J|17|K|L]|$I|18|J|19|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|1A|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|1B|8|@$I|1C|J|1D|K|L]]|9|@]|A|$]]|$1|Q|3|R|5|S|7|1E|8|@]|9|@$I|1F|J|1G|1|1H]]|A|$]]|$1|T|3|U|5|6|7|1I|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]]|W|$X|$5|Y|Z|10|A|$11|12]]]]

Tested on the below version of Angular and server Amazon.

<pre><code>Angular CLI: 6.0.8
Node: 8.11.3
OS: linux x64
Angular: 5.2.8
</code></pre>

ng command options has been changed, now use <code>configuration</code> instead of <code>env</code>. The command which worked for me is

<pre><code> ng serve --configuration=dev --port 4009 --host 0.0.0.0 --publicHost myhost.com
</code></pre>

Never use <code>--disable-host-check</code> on a public server. Angular will warn you if you use this. It may work but it is a serious security issue. You will get this message if you use that flag.

<blockquote>
 WARNING: Running a server with --disable-host-check is a security
 risk. See
 <a href="https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a" rel="noreferrer">https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a</a>
 for more information.
</blockquote>

Please take some time to read that article it is worth reading.

blocks|key|1176557|text|将"node_modules/webpack-dev-server/lib/Server.js“文件中的第425行从false更改为true。也就是说，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1176558|以前:还假；|1176559|更新:返回真；|1176560|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

Change the line 425 in file "node_modules/webpack-dev-server/lib/Server.js" from false to true. i.e, 

Before: return false;

Updated: return true;

blocks|key|2825048|text|在我的例子中，我使用我的主机名来更新/etc/+host文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2825049|vi+/etc/hosts|code-block|syntax|javascript|2825050|并将主机名添加到最后一行。|2825051|127.0.0.1+myHostName.com|2825052|为了连接我的服务器，|2825053|ng+serve+-o|2825054|连接到myHostName.com:4200.时发生错误|offset|length|style|BOLD|2825055|所以，我确实喜欢这个，|2825056|ng+serve+--host+0.0.0.0+--disableHostCheck+true|2825057|重新连接到myHostName.com:4200+:)|2825058|entityMap^0|0|0|0|0|0|0|3|J|0|0|0|5|J|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|14|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|16|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|18|8|@$Q|19|R|1A|S|T]]|9|@]|A|$]]|$1|U|3|V|5|6|7|1B|8|@]|9|@]|A|$]]|$1|W|3|X|5|D|7|1C|8|@]|9|@]|A|$E|F]]|$1|Y|3|Z|5|6|7|1D|8|@$Q|1E|R|1F|S|T]]|9|@]|A|$]]|$1|10|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|11|$]]

In my case, I use my host name to update /etc/hosts file.

<pre><code>vi /etc/hosts
</code></pre>

and add your host name last line.

<pre><code>127.0.0.1 myHostName.com
</code></pre>

to connect my server,

<pre><code>ng serve -o
</code></pre>

An error occurred when connecting to myHostName.com:4200. 

so, I did like this, 

<pre><code>ng serve --host 0.0.0.0 --disableHostCheck true
</code></pre>

Reconnecting to myHostName.com:4200 :)

blocks|key|1112166|text|这对我来说很管用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1112167|ngrok+http+--host-header=rewrite+PORT|code-block|syntax|javascript|1112168|例如：|1112169|ngrok+http+--host-header=rewrite+4200|1112170|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

This works for me :

<pre><code>ngrok http --host-header=rewrite PORT
</code></pre>

for instance :

<pre><code>ngrok http --host-header=rewrite 4200
</code></pre>

blocks|key|2825082|text|试试看|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2825083|ng+serve+--host+<private+IP>+--port+<host+port>+--public-host+<public+IP>|code-block|syntax|javascript|2825084|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Give this a shot

<pre><code>ng serve --host &lt;private IP&gt; --port &lt;host port&gt; --public-host &lt;public IP&gt;
</code></pre>

blocks|key|1112216|text|在angular.json中，在architect+->+->+serve+->+options下添加以下内容|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1112217|"disableHostCheck":+true|code-block|syntax|javascript|1112218|从这个Github发行网页得到了答案|1112219|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/angular/angular-cli/issues/11060#issuecomment-455535599^0|G|W|0|0|3|A|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

In angular.json, add the following under architect -&gt; serve -&gt; options
<pre class="lang-json prettyprint-override"><code>&quot;disableHostCheck&quot;: true
</code></pre>
Got the answer from this <a href="https://github.com/angular/angular-cli/issues/11060#issuecomment-455535599" rel="noreferrer">Github Issue Page</a>

blocks|key|1176634|text|ng+-主机0.0.0.0+--端口1234+--公共主机mydomain.com|type|blockquote|depth|inlineStyleRanges|entityRanges|data|1176635|这对我有用。|unstyled|1176636|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|H|8|@]|9|@]|A|$]]|$1|E|3|-4|5|D|7|I|8|@]|9|@]|A|$]]]|F|$]]

<blockquote>
ng serve --host 0.0.0.0 --port 1234 --public-host mydomain.com
</blockquote>
This works for me.

blocks|key|1172644|text|请不要将--disable-host-check+标志用于开发服务器！|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|1172645|这是一个主要的安全问题:一些恶意代码可以代表您请求您的开发服务器并获得响应。问题是，开发服务器还发送应用程序的源代码，因此，基本上，如果使用该标志，您可以访问正在构建的应用程序的代码。|1172646|试一试：|1172647|ng+serve+--public-host+my.dev.host.com|code-block|syntax|javascript|1172648|这里有更详细的信息：webpack开发服务器/中间件安全问题|1172649|entityMap|0|LINK|mutability|MUTABLE|url|https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a^0|4|K|P|A|4|K|0|0|0|0|A|K|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]|$9|12|A|13|B|C]|$9|14|A|15|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|16|8|@]|E|@]|F|$]]|$1|I|3|J|5|6|7|17|8|@]|E|@]|F|$]]|$1|K|3|L|5|M|7|18|8|@]|E|@]|F|$N|O]]|$1|P|3|Q|5|6|7|19|8|@]|E|@$9|1A|A|1B|1|1C]]|F|$]]|$1|R|3|-4|5|6|7|1D|8|@]|E|@]|F|$]]]|S|$T|$5|U|V|W|F|$X|Y]]]]

Please, don't use the <code>--disable-host-check</code> flag for a development server!
This is a major security issue: some malicious code can request your development server on your behalf and get the response. The problem is that the development server also sends the source code of your application, so basically, you give access to the code of the application you are building if you use that flag.
Try this instead:
<pre><code>ng serve --public-host my.dev.host.com
</code></pre>
More detailed information here: <a href="https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a" rel="nofollow noreferrer">webpack-dev-server/middleware security issues</a>

blocks|key|1176716|text|除了@ruwan800的回答之外，最好在任何时候都启用主机检查。这可以防止使用DNS重新绑定进行攻击。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1176717|https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a|1176718|若要解决问题，请检查是否完全访问了主机IP。这可能是个原因。|1176719|如果这不能解决您的问题，那么您可以自己承担风险，在您的角配置中禁用主机检查。不过，我建议你只为你的本地机器做这件事。|1176720|如果选择这样做，只需在angular.json中的dev配置下将禁用主机检查设置为true即可。|style|CODE|1176721|也就是说，在architect+->+serve+->+configurations+->+development下，设置disableHostCheck:++true|1176722|比如：|1176723|"architect":+{
++//...
++"serve":+{
++++//...
++++"configurations":+{
++++++//...
++++++"development":+{
+++++++//...
+++++++"disableHostCheck":+true
++++++}
++++},
++},
++//...
}|code-block|syntax|javascript|1176724|这样，它只在以dev模式运行时禁用，而不是在您的服务器上部署时禁用。|1176725|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/57461591/13791656|1|https://en.wikipedia.org/wiki/DNS_rebinding|2^0|C|2|0|13|7|1|0|0|2D|2|0|0|0|B|C|0|6|1F|1P|N|0|0|0|0^^$0|@$1|2|3|4|5|6|7|19|8|@]|9|@$A|1A|B|1B|1|1C]|$A|1D|B|1E|1|1F]]|C|$]]|$1|D|3|E|5|6|7|1G|8|@]|9|@$A|1H|B|1I|1|1J]]|C|$]]|$1|F|3|G|5|6|7|1K|8|@]|9|@]|C|$]]|$1|H|3|I|5|6|7|1L|8|@]|9|@]|C|$]]|$1|J|3|K|5|6|7|1M|8|@$A|1N|B|1O|L|M]]|9|@]|C|$]]|$1|N|3|O|5|6|7|1P|8|@$A|1Q|B|1R|L|M]|$A|1S|B|1T|L|M]]|9|@]|C|$]]|$1|P|3|Q|5|6|7|1U|8|@]|9|@]|C|$]]|$1|R|3|S|5|T|7|1V|8|@]|9|@]|C|$U|V]]|$1|W|3|X|5|6|7|1W|8|@]|9|@]|C|$]]|$1|Y|3|-4|5|6|7|1X|8|@]|9|@]|C|$]]]|Z|$10|$5|11|12|13|C|$14|15]]|16|$5|11|12|13|C|$14|17]]|18|$5|11|12|13|C|$14|E]]]]

In addition to @ruwan800's <a href="https://stackoverflow.com/a/57461591/13791656">answer</a>, it's best to have host checking enabled at all times. This prevents attacks using <a href="https://en.wikipedia.org/wiki/DNS_rebinding" rel="nofollow noreferrer">DNS Rebinding</a>.
<a href="https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a" rel="nofollow noreferrer">https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a</a>
To fix your issue, check if you have full access to your host IP. That's a likely cause.
If that doesn't solve your issue, then at your own risk, you can disable host check in your angular config. I'll advise you to do this for only your local machine though.
If you choose to do so, just set disable host check to true under your dev config in your <code>angular.json</code>. 
That is, under <code>architect -&gt; serve -&gt; configurations -&gt; development</code>,
set <code>disableHostCheck: true</code>
Like:
<pre><code>&quot;architect&quot;: {
 //...
 &quot;serve&quot;: {
 //...
 &quot;configurations&quot;: {
 //...
 &quot;development&quot;: {
 //...
 &quot;disableHostCheck&quot;: true
 }
 },
 },
 //...
}
</code></pre>
This way, it only disables when running in dev mode, not when deployed on your server.

Current command: <code>ng serve --host --public $IP:$PORT</code>

Results on my website:

<blockquote>
 Invalid Host header
</blockquote>

"Invalid Host header" when running Angular/cli development server c9.io

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

当前命令：ng serve --host --public $IP:$PORT我的网站上的结果：无效主机标头

问运行角/cli开发服务器c9.io时“无效主机标题”
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问运行角/cli开发服务器c9.io时“无效主机标题”EN