使用花生壳时，vue前端配置文件启动注意

1、config/index.js中，port是启动 的端口，host是启动后地址

 

2、如果用了花生壳映射，那么如果这里配置是192.168.0.105、8000，花生壳就可以用这个ip端口做映射

但是如果配置是localhost、8000，那么花生壳会提示“您的局域网服务器连接失败，请检查局域网IP与端口”

因为localhost和192.168.0.105是不对等的

 

3、index.js和花生壳都配置好了，访问花生壳对应网址，提示“”Invalid Host header“”，因为经查是因为新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的就不能访问。这样有2中方法，一种是设置跳过host检查，一种是直接host设置成你的地址。

解决办法

在可以在build目录下的webpack.dev.conf.js文件，devServer下添加disableHostCheck: true，跳过检查

 

4、花生壳的ip和端口，只要本地服务启动，后端有端口，前段config中配置好，花生壳就可以访问了