【報錯原因】
新版的webpack-dev-server出于安全考慮,默認檢查hostname,如果hostname不是配置內的,將中斷訪問。
【解決方式】(兩種)
1.關閉host檢查
webpack.dev.conf.js:
devServer字段添加:disableHostCheck: true,跳過檢查。
或
vue.config.js:
devServer字段添加:disableHostCheck: true,跳過檢查。
或
package.json修改scripts命令:
scripts: {
? ? "dev": "webpack-dev-server --disableHostCheck=true --inline --progress --config webpack.dev.conf.js"
}
2.手動將自己的域名設置為合法域名(假如域名為:xxx.com)
webpack.dev.conf.js:
devServer字段添加:host: 'xxx.com',指定合法域名。
或
vue.config.js:
devServer字段添加:host: 'xxx.com',指定合法域名。
或
package.json修改scripts命令(兩種方式):
(1)方式一
scripts: {
?????"dev": "webpack-dev-server?--host=xxx.com?--inline --progress --config webpack.dev.conf.js"? ??
}
(2)方式二
scripts: {
????"dev": "webpack-dev-server?--public=xxx.com?--inline --progress --config webpack.dev.conf.js"
}
#參考:https://blog.csdn.net/Cookysurongbin/article/details/86077241