vue项目启动后没有局域网地址问题

 更新时间:2023年09月26日 16:22:28   作者:蕉君桑  
这篇文章主要介绍了vue项目启动后没有局域网地址问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vue项目启动后没有局域网地址

方法一:修改config配置文件

打开项目的config/index.js文件将host: "0.0.0.0"修改为host: '本机ip地址',

查看本机IP地址,cmd输入ipconfig其中IPV4就是IP地址,ip地址好像每次联网之后都会变,如果打不开了就查看下IP地址是否变化

 

方法二:修改package文件的scripts配置

在dev后面加上本机IP地址

此方法启动后在终端仍然只显示一个本地地址,没有局域网地址,但是我们可以直接在浏览器输入本机IP地址加:8080端口号查看项目,当启动多个项目时注意端口号会根据情况而变化

本地启动vue项目,局域网内访问

1.修改package.json内启动命令 ,在后边添加 --host 本机局域网IP

2.打开webpack配置文件 添加  disableHostCheck: true,

3. 重启项目,关闭电脑防火墙 ,同一局域网内的其他设备就可以访问了

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue中使用防抖与节流的方法

    Vue中使用防抖与节流的方法

    这篇文章主要为大家介绍了Vue中使用防抖与节流的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-01-01
  • Vue与React的区别和优势对比

    Vue与React的区别和优势对比

    这篇文章主要介绍了Vue与React的区别和优势对比,帮助大家更好的选择适合自己的前端框架,迷茫的同学可以进来参考下
    2020-12-12
  • vue3.0 setup中使用vue-router问题

    vue3.0 setup中使用vue-router问题

    这篇文章主要介绍了vue3.0 setup中使用vue-router问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • vue.config.js中配置Vue的路径别名的方法

    vue.config.js中配置Vue的路径别名的方法

    这篇文章主要介绍了vue.config.js中配置Vue的路径别名的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • Vue中localStorage的用法和监听localStorage值的变化

    Vue中localStorage的用法和监听localStorage值的变化

    这篇文章主要介绍了Vue中localStorage的用法和监听localStorage值的变化,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • Vue 插件及浏览器本地存储

    Vue 插件及浏览器本地存储

    这篇文章主要介绍了Vue 插件及浏览器本地存储,插件通常用来为Vue添加全局功能,包含install方法的一个对象。更多相关介绍,需要的小伙伴可以参考下面文章内容
    2022-05-05
  • element vue Array数组和Map对象的添加与删除操作

    element vue Array数组和Map对象的添加与删除操作

    这篇文章主要介绍了element vue Array数组和Map对象的添加与删除功能,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-11-11
  • vue router带参数页面刷新或回退参数消失的解决方法

    vue router带参数页面刷新或回退参数消失的解决方法

    这篇文章主要介绍了vue router带参数页面刷新或回退参数消失的解决方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-02-02
  • vue el-pagination分页查询封装的示例代码

    vue el-pagination分页查询封装的示例代码

    本文主要介绍了vue el-pagination分页查询封装的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-06-06
  • vue 调用 RESTful风格接口操作

    vue 调用 RESTful风格接口操作

    这篇文章主要介绍了vue 调用 RESTful风格接口操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-08-08

最新评论