美文网首页
vue 本地的项目别人怎么通过你本地 ip地址来访问项目

vue 本地的项目别人怎么通过你本地 ip地址来访问项目

作者: 小呆糊总 | 来源:发表于2020-06-02 21:09 被阅读0次
    解决方法:
    1.需要将build文件下的webpack.dev.conf.js里面的const devWebpackConfig上面的

    const HOST = process.env.HOST
    改为
    const HOST = process.env.HOST || '0.0.0.0'

    2.然后
    const devWebpackConfig = merge(baseWebpackConfig, {
      devServer: {host:  HOST ||  config.dev.host  }    
    })
    
    3.另外devWebpackConfig.plugins.push的messages: 由
    http://${config.dev.host}:${port}
    

    要改为
    http://${devWebpackConfig.devServer.host}:${port}

    devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
            compilationSuccessInfo: {
              messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
            },
            onErrors: config.dev.notifyOnErrors
              ? utils.createNotifierCallback()
              : undefined
          }));
    

    相关文章

      网友评论

          本文标题:vue 本地的项目别人怎么通过你本地 ip地址来访问项目

          本文链接:https://www.haomeiwen.com/subject/vsipzhtx.html