启动vue项目 既能localhost访问又能通过ip访问

启动vue项目 既能localhost访问又能通过ip访问

在初始化完一个vue项目(基于vue-cli 和webpack)之后,我们可以通过 npm run dev来让这个项目跑起来,

然后就可以在浏览器里输入localhost:8080就可以访问该项目了。

如果想通过 ip地址进行访问时,就需要配置本地服务器设置文件。

1:找到config文件夹下的index.js文件,将host的值改为 0.0.0.0

2:改完之后,重新运行项目,就可以通过 ip 地址访问了。但是并不能通过localhost访问,需要修改项目的 配置文件package.json,在dev的值后面添加 --host 0.0.0.0。 注意:要把0.0.0.0改为ip地址,修改完配置文件后要重新运行项目才会生效哦!。

3:还有一点,config文件夹下的index.js文件中把 autoOpenBrowser 的值修改为 true ,npm run dev运行项目后会自动打开浏览器。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,155评论 0 2
  • feisky云计算、虚拟化与Linux技术笔记posts - 1014, comments - 298, trac...
    不排版阅读 3,948评论 0 5
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,032评论 1 4
  • 配置前说明:确保已安装node环境。 检查是否安装node环境: 一、配置前命令简写说明: 1、npm i 和np...
    u5f20u5929u8000阅读 1,511评论 3 7
  • 用vue-cli脚手架工具创建一个基于webpack的Vue项目 安装node node官网地址:https://...
    余生社会阅读 21,781评论 5 12