前端：解决vue2.0只能运行在Local，不能运行在NetWork的问题

最新推荐文章于 2024-07-15 02:46:19 发布

陆杨丶

最新推荐文章于 2024-07-15 02:46:19 发布

阅读量3.9k

点赞数 5

分类专栏：前端文章标签： vue.js 前端

本文链接：https://blog.csdn.net/lyang666/article/details/124266095

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

本文档介绍了如何配置项目以允许localhost和本地IP访问。首先，在config/index.js文件中，将dev节点的host修改为'0.0.0.0'。其次，更新build/webpack.dev.conf.js文件，添加网络访问地址到compilationSuccessInfo.messages数组中。完成这些步骤后，通过运行'npm run dev'，即可实现本地和网络的访问。

摘要由CSDN通过智能技术生成

1：设置localhost和本地ip访问，在config文件夹下的index.js文件中dev节点下的host修改为0.0.0.0

module.exports = {
  dev: {
    host: '0.0.0.0'
  }  
}

2：设置终端启动的localhost和network访问地址，修改build文件夹下的webpack.dev.conf.js文件中messages节点数组

compilationSuccessInfo: {
          messages: [
            `App runing at: `,
            `Local: http://localhost:${port}`,
            `Network: http://${require('ip').address()}:${port}`,
          ],
}

3：npm run dev ，结果如下