文章目录
这几天做的一个项目,在这个项目的 js 方面,我将其分业务和功能的拆分成模块化,然后使用 webpack 来进行打包。(第一次在公司产品中使用 webpack)
然后使用了 webpack-dev-server
启了一个服务并且开了监听功能。端口是 8080 。
访问 webpack-dev-server
启动的 server,所以我们在自己的电脑上,可以直接使用 localhost:8080
和 127.0.0.1:8080
都可以正常访问我们的项目。
因为某种原因,我不能使用 localhost:8080
或 127.0.0.1:8080
的域名向服务器那边发请求。
因为安全因素,服务端配置白名单。只有 bnm.com
可以向服务端发送请求。
所以我现在的 localhost:8080
或者 127.0.0.1:8080
向服务端发送请求都是没有结果的。
所以,我需要配一个 host , 将 127.0.0.1
配到 bnm.com
但是我修改了 host,使用 bnm.com:8080
来打开项目,就会显示 invalid host header
。
解决方法:
在 webpack-dev-server
的配置中添加
disableHostCheck: true
webpack-dev-server
的配置是在 webpack.config.js
中的 devServer
字段。
或者:
public: 'local.kingsum.biz'
看文档应该是 webpack-dev-server: v1.16.4
这个版本合并进来的,所以升级到这个版本之后要注意这个问题。
---------------------------(正文完)------------------------------------
一个前端的学习交流群,想进来面基的,可以点击这个logo,或者手动search群号:685486827
-------------------------------- (完)--------------------------------------
我的:
个人网站: https://neveryu.github.io/neveryu/
Github: https://github.com/Neveryu
新浪微博: https://weibo.com/Neveryu
更多学习资源请关注我的新浪微博…