vue Network: unavailable问题

今天在学习组件化的时候，写了个小东西，想让别人看看，结果发现只有localhost链接

最后查找了一番资料，解决了这个问题，在这里记录一下。

解决方法

• 首先找到vue.config.js这个文件，如果没有的话自己在项目目录下创建一个也可以

• 然后将下面这段代码放进去：

  module.exports = {
  
      configureWebpack: {
  
          // other webpack options to merge in ...
  
      },
  
      // devServer Options don't belong into `configureWebpack`
  
      devServer: {
  
          public: '自己的ip:端口号',
  
          hot: true,
  
          disableHostCheck: true,
  
      }
  
  };
  

• 在devServer中的public把自己的ip和端口号设置好，再重启一下项目就好啦

  

• 注意: 有个babel.config.js包括名字和里面的内容都挺像，但不是在那里设置，必须且只能在vue.config.js里设置，否则会报错