Resolved within the network through Ionic5 / Angular8 returns invalid host header
Background problem
When developing applications H5 nails, nail the interface for debugging API, the conventional practice is to use the network to provide Ali penetration tools, tools, please refer to https://ding-doc.dingtalk.com/doc#/kn6zg7/hb7000 . The tool of introduction, we first run this tool (my computer is windows10_x64 environment) to run cmd administrator, in a cmd window to navigate to the directory where the ding.exe, and then run the start command, as follows:
format: ding. exe -config =. / ding.cfg --subdomain = domain name prefix port
ding.exe -config=./ding.cfg --subdomain=wongoing 8100
I tested the project is the front-end engineering ionic5 / Angular8, operating through ionic serve
ionic serve
Log is as follows:
PS E:\ionicworkspace\ding1> ionic serve
> ng.cmd run app:serve --host=localhost --port=8100
[ng] i ｢wds｣: Project is running at http://localhost:8100/webpack-dev-server/
[ng] i ｢wds｣: webpack output is served from /
[ng] i ｢wds｣: 404s will fallback to //index.html
[ng] chunk {common} common.js, common.js.map (common) 30.2 kB [rendered]
[ng] chunk {core-js-js} core-js-js.js, core-js-js.js.map (core-js-js) 78.7 kB [rendered]
[ng] chunk {dom-js} dom-js.js, dom-js.js.map (dom-js) 20.2 kB [rendered]
[ng] chunk {focus-visible-70713a0c-js} focus-visible-70713a0c-js.js, focus-visible-70713a0c-js.js.map (focus-visible-70713a0c-js) 2.15 kB [rendered]
[ng] chunk {input-shims-a4fc53ac-js} input-shims-a4fc53ac-js.js, input-shims-a4fc53ac-js.js.map (input-shims-a4fc53ac-js) 13.5 kB [rendered]
[ng] chunk {ios-transition-b4752795-js} ios-transition-b4752795-js.js, ios-transition-b4752795-js.js.map (ios-transition-b4752795-js) 28.4 kB [rendered]
[ng] chunk {main} main.js, main.js.map (main) 37.3 kB [initial] [rendered]
[ng] chunk {md-transition-5ee3c425-js} md-transition-5ee3c425-js.js, md-transition-5ee3c425-js.js.map (md-transition-5ee3c425-js) 3.91 kB [rendered]
[ng] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 297 kB [initial] [rendered]
[ng] chunk {runtime} runtime.js, runtime.js.map (runtime) 9.76 kB [entry] [rendered]
[ng] chunk {shadow-css-d7d058ec-d59cb009-js} shadow-css-d7d058ec-d59cb009-js.js, shadow-css-d7d058ec-d59cb009-js.js.map (shadow-css-d7d058ec-d59cb009-js) 15.9 kB [rendered]
[ng] chunk {status-tap-2ec46489-js} status-tap-2ec46489-js.js, status-tap-2ec46489-js.js.map (status-tap-2ec46489-js) 1.79 kB [rendered]
[ng] chunk {stencil-polyfills-css-shim} stencil-polyfills-css-shim.js, stencil-polyfills-css-shim.js.map (stencil-polyfills-css-shim) 22 kB [rendered]
[ng] chunk {stencil-polyfills-dom} stencil-polyfills-dom.js, stencil-polyfills-dom.js.map (stencil-polyfills-dom) 19.8 kB [rendered]
[ng] chunk {styles} styles.js, styles.js.map (styles) 115 kB [initial] [rendered]
[ng] chunk {swipe-back-d2cdbf9a-js} swipe-back-d2cdbf9a-js.js, swipe-back-d2cdbf9a-js.js.map (swipe-back-d2cdbf9a-js) 2.88 kB [rendered]
[ng] chunk {swiper-bundle-ccdaac54-js} swiper-bundle-ccdaac54-js.js, swiper-bundle-ccdaac54-js.js.map (swiper-bundle-ccdaac54-js) 176 kB [rendered]
[ng] chunk {tab1-tab1-module} tab1-tab1-module.js, tab1-tab1-module.js.map (tab1-tab1-module) 244 kB [rendered]
[ng] chunk {tab2-tab2-module} tab2-tab2-module.js, tab2-tab2-module.js.map (tab2-tab2-module) 6.03 kB [rendered]
[ng] chunk {tab3-tab3-module} tab3-tab3-module.js, tab3-tab3-module.js.map (tab3-tab3-module) 6.03 kB [rendered]
[ng] chunk {tabs-tabs-module} tabs-tabs-module.js, tabs-tabs-module.js.map (tabs-tabs-module) 8.58 kB [rendered]
[ng] chunk {tap-click-606f325e-js} tap-click-606f325e-js.js, tap-click-606f325e-js.js.map (tap-click-606f325e-js) 6.38 kB [rendered]
[ng] chunk {vendor} vendor.js, vendor.js.map (vendor) 4.77 MB [initial] [rendered]
[ng] Date: 2020-04-08T07:28:00.320Z - Hash: 3016874741ee16877adc - Time: 10900ms
[INFO] Development server running!
Local: http://localhost:8100
Use Ctrl+C to quit this process
[INFO] Browser window opened to http://localhost:8100!
[INFO] ... and 77 additional chunks
[ng] i ｢wdm｣: Compiled successfully.
After the run, it will automatically open the browser, the address is: http: // localhost: 8100
and then open a new tab in your browser, enter the address: http: //wongoing.vaiwan.com/, Invalid Host Header errors, FIG results were as follows:
the network through the console logging tool as shown below:
problem analysis
By access to online information, basically determined This problem occurs because webpack-dev-server for security reasons, the default hostname checking, can not be accessed if the hostname is not configured within. By looking at running log ionic serve can be seen on the nature of this command it is to start webpack-dev-server. The basic idea to solve this problem is to make webpack-dev-server hostname of canceled checks.
problem solved
Since ionic serve no identification parameter -disableHostCheck, it can be activated when Angular CLI to be started, using the following command:
ng serve --open --port=8100 --disableHostCheck
Run log is as follows:
PS E:\ionicworkspace\ding1> ng serve --open --port=8100 --disableHostCheck
WARNING: Running a server with --disable-host-check is a security risk. See https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a for more information.
10% building 3/3 modules 0 activei ｢wds｣: Project is running at http://localhost:8100/webpack-dev-server/
i ｢wds｣: webpack output is served from /
i ｢wds｣: 404s will fallback to //index.html
chunk {0} 0.js, 0.js.map () 22.6 kB [rendered]
chunk {1} 1.js, 1.js.map () 19.2 kB [rendered]
chunk {2} 2.js, 2.js.map () 32.3 kB [rendered]
chunk {3} 3.js, 3.js.map () 32.3 kB [rendered]
chunk {4} 4.js, 4.js.map () 56.1 kB [rendered]
chunk {5} 5.js, 5.js.map () 54.4 kB [rendered]
chunk {6} 6.js, 6.js.map () 4.59 kB [rendered]
chunk {7} 7.js, 7.js.map () 4.64 kB [rendered]
chunk {8} 8.js, 8.js.map () 9.67 kB [rendered]
chunk {9} 9.js, 9.js.map () 10.2 kB [rendered]
chunk {10} 10.js, 10.js.map () 3.71 kB [rendered]
chunk {11} 11.js, 11.js.map () 3.7 kB [rendered]
chunk {12} 12.js, 12.js.map () 24.8 kB [rendered]
chunk {13} 13.js, 13.js.map () 24.6 kB [rendered]
chunk {14} 14.js, 14.js.map () 11.6 kB [rendered]
chunk {15} 15.js, 15.js.map () 11.1 kB [rendered]
chunk {16} 16.js, 16.js.map () 8.43 kB [rendered]
chunk {17} 17.js, 17.js.map () 8.56 kB [rendered]
chunk {18} 18.js, 18.js.map () 5.62 kB [rendered]
chunk {19} 19.js, 19.js.map () 5.62 kB [rendered]
chunk {20} 20.js, 20.js.map () 16 kB [rendered]
chunk {21} 21.js, 21.js.map () 68.8 kB [rendered]
chunk {22} 22.js, 22.js.map () 68.4 kB [rendered]
chunk {23} 23.js, 23.js.map () 19.6 kB [rendered]
chunk {24} 24.js, 24.js.map () 18.6 kB [rendered]
chunk {25} 25.js, 25.js.map () 3.42 kB [rendered]
chunk {26} 26.js, 26.js.map () 12.6 kB [rendered]
chunk {27} 27.js, 27.js.map () 12.6 kB [rendered]
chunk {28} 28.js, 28.js.map () 14.6 kB [rendered]
chunk {29} 29.js, 29.js.map () 14.5 kB [rendered]
chunk {30} 30.js, 30.js.map () 25.7 kB [rendered]
chunk {31} 31.js, 31.js.map () 25.6 kB [rendered]
chunk {32} 32.js, 32.js.map () 40.8 kB [rendered]
chunk {33} 33.js, 33.js.map () 44.4 kB [rendered]
chunk {34} 34.js, 34.js.map () 13.7 kB [rendered]
chunk {35} 35.js, 35.js.map () 13.4 kB [rendered]
chunk {36} 36.js, 36.js.map () 28.9 kB [rendered]
chunk {37} 37.js, 37.js.map () 29 kB [rendered]
chunk {38} 38.js, 38.js.map () 22.6 kB [rendered]
chunk {39} 39.js, 39.js.map () 21.8 kB [rendered]
chunk {40} 40.js, 40.js.map () 34.5 kB [rendered]
chunk {41} 41.js, 41.js.map () 21 kB [rendered]
chunk {42} 42.js, 42.js.map () 20.4 kB [rendered]
chunk {43} 43.js, 43.js.map () 12.6 kB [rendered]
chunk {44} 44.js, 44.js.map () 12.6 kB [rendered]
chunk {45} 45.js, 45.js.map () 9.63 kB [rendered]
chunk {46} 46.js, 46.js.map () 9.91 kB [rendered]
chunk {47} 47.js, 47.js.map () 20.5 kB [rendered]
chunk {48} 48.js, 48.js.map () 21.9 kB [rendered]
chunk {49} 49.js, 49.js.map () 46.8 kB [rendered]
chunk {50} 50.js, 50.js.map () 47.2 kB [rendered]
chunk {51} 51.js, 51.js.map () 12.7 kB [rendered]
chunk {52} 52.js, 52.js.map () 12.7 kB [rendered]
chunk {53} 53.js, 53.js.map () 6.48 kB [rendered]
chunk {54} 54.js, 54.js.map () 24.4 kB [rendered]
chunk {55} 55.js, 55.js.map () 25 kB [rendered]
chunk {56} 56.js, 56.js.map () 22.5 kB [rendered]
chunk {57} 57.js, 57.js.map () 27.1 kB [rendered]
chunk {58} 58.js, 58.js.map () 26.3 kB [rendered]
chunk {59} 59.js, 59.js.map () 22.2 kB [rendered]
chunk {60} 60.js, 60.js.map () 22.2 kB [rendered]
chunk {61} 61.js, 61.js.map () 36.6 kB [rendered]
chunk {62} 62.js, 62.js.map () 36.6 kB [rendered]
chunk {63} 63.js, 63.js.map () 8.05 kB [rendered]
chunk {64} 64.js, 64.js.map () 6.98 kB [rendered]
chunk {65} 65.js, 65.js.map () 6.98 kB [rendered]
chunk {66} 66.js, 66.js.map () 14.9 kB [rendered]
chunk {67} 67.js, 67.js.map () 15.1 kB [rendered]
chunk {68} 68.js, 68.js.map () 8.68 kB [rendered]
chunk {69} 69.js, 69.js.map () 1.84 kB [rendered]
chunk {70} 70.js, 70.js.map () 12.7 kB [rendered]
chunk {71} 71.js, 71.js.map () 12.7 kB [rendered]
chunk {72} 72.js, 72.js.map () 18.4 kB [rendered]
chunk {73} 73.js, 73.js.map () 19 kB [rendered]
chunk {74} 74.js, 74.js.map () 11.1 kB [rendered]
chunk {75} 75.js, 75.js.map () 10.9 kB [rendered]
chunk {76} 76.js, 76.js.map () 20.2 kB [rendered]
chunk {common} common.js, common.js.map (common) 30.2 kB [rendered]
chunk {core-js-js} core-js-js.js, core-js-js.js.map (core-js-js) 78.7 kB [rendered]
chunk {dom-js} dom-js.js, dom-js.js.map (dom-js) 20.2 kB [rendered]
chunk {focus-visible-70713a0c-js} focus-visible-70713a0c-js.js, focus-visible-70713a0c-js.js.map (focus-visible-70713a0c-js) 2.15 kB [rendered]
chunk {input-shims-a4fc53ac-js} input-shims-a4fc53ac-js.js, input-shims-a4fc53ac-js.js.map (input-shims-a4fc53ac-js) 13.5 kB [rendered]
chunk {ios-transition-b4752795-js} ios-transition-b4752795-js.js, ios-transition-b4752795-js.js.map (ios-transition-b4752795-js) 28.4 kB [rendered]
chunk {main} main.js, main.js.map (main) 37.3 kB [initial] [rendered]
chunk {md-transition-5ee3c425-js} md-transition-5ee3c425-js.js, md-transition-5ee3c425-js.js.map (md-transition-5ee3c425-js) 3.91 kB [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 297 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 9.76 kB [entry] [rendered]
chunk {shadow-css-d7d058ec-d59cb009-js} shadow-css-d7d058ec-d59cb009-js.js, shadow-css-d7d058ec-d59cb009-js.js.map (shadow-css-d7d058ec-d59cb009-js) 15.9 kB [rendered]
chunk {status-tap-2ec46489-js} status-tap-2ec46489-js.js, status-tap-2ec46489-js.js.map (status-tap-2ec46489-js) 1.79 kB [rendered]
chunk {stencil-polyfills-css-shim} stencil-polyfills-css-shim.js, stencil-polyfills-css-shim.js.map (stencil-polyfills-css-shim) 22 kB [rendered]
chunk {stencil-polyfills-dom} stencil-polyfills-dom.js, stencil-polyfills-dom.js.map (stencil-polyfills-dom) 19.8 kB [rendered]
chunk {styles} styles.js, styles.js.map (styles) 115 kB [initial] [rendered]
chunk {swipe-back-d2cdbf9a-js} swipe-back-d2cdbf9a-js.js, swipe-back-d2cdbf9a-js.js.map (swipe-back-d2cdbf9a-js) 2.88 kB [rendered]
chunk {swiper-bundle-ccdaac54-js} swiper-bundle-ccdaac54-js.js, swiper-bundle-ccdaac54-js.js.map (swiper-bundle-ccdaac54-js) 176 kB [rendered]
chunk {tab1-tab1-module} tab1-tab1-module.js, tab1-tab1-module.js.map (tab1-tab1-module) 244 kB [rendered]
chunk {tab2-tab2-module} tab2-tab2-module.js, tab2-tab2-module.js.map (tab2-tab2-module) 6.03 kB [rendered]
chunk {tab3-tab3-module} tab3-tab3-module.js, tab3-tab3-module.js.map (tab3-tab3-module) 6.03 kB [rendered]
chunk {tabs-tabs-module} tabs-tabs-module.js, tabs-tabs-module.js.map (tabs-tabs-module) 8.58 kB [rendered]
chunk {tap-click-606f325e-js} tap-click-606f325e-js.js, tap-click-606f325e-js.js.map (tap-click-606f325e-js) 6.38 kB [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 4.77 MB [initial] [rendered]
Date: 2020-04-08T07:39:59.545Z - Hash: 3016874741ee16877adc - Time: 12080ms
** Angular Live Development Server is listening on localhost:8100, open your browser on http://localhost:8100/ **
i ｢wdm｣: Compiled successfully.
This command is equivalent to the ionic serve, while also checking for disabled hostname, then re-enter http://wongoing.vaiwan.com in the browser, has been able to find a normal visit, as follows:
Description network penetration success We can be happy behind the development of the ~ ~
