webpack vue项目开发环境局域网访问方法

 更新时间:2018年03月20日 09:58:49   作者:museions  
下面小编就为大家分享一篇webpack vue项目开发环境局域网访问方法,具有很好的参考价值,希望对大家有所帮助,一起跟随小编过来看看吧

思路:将自己的项目启动ip与端口固定,当然端口也可以为默认的8080

步骤:

1.查看自己在局域网内的ip

命令行 ipconfig

2.回到自己的开发目录,在根目录找到comfig/index.js

修改 host: 自己的局域网ip

修改 port: 自定义端口-最好不要用80或者其他常用端口

示例:comfig/index.js

host:'http://192.168.2.153',//一定要加上 http 
port:3000

注意:此处ip一旦固定,本机访问的或localhost将不可访问,必须也使用这个ip,局域网也是一样用此ip访问

以上这篇webpack vue项目开发环境局域网访问方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue中关于@media媒体查询的使用

    vue中关于@media媒体查询的使用

    这篇文章主要介绍了vue中关于@media媒体查询的使用,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • vue webpack开发访问后台接口全局配置的方法

    vue webpack开发访问后台接口全局配置的方法

    今天小编就为大家分享一篇vue webpack开发访问后台接口全局配置的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • vue+element-ui实现表格编辑的三种实现方式

    vue+element-ui实现表格编辑的三种实现方式

    这篇文章主要介绍了vue+element-ui实现表格编辑的三种实现方式,主要有表格内部显示和编辑切换,通过弹出另外一个表格编辑和直接通过样式控制三种方式,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • vue如何通过src引用assets中的图片

    vue如何通过src引用assets中的图片

    这篇文章主要介绍了vue如何通过src引用assets中的图片,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-03-03
  • vue项目结构目录超详细介绍

    vue项目结构目录超详细介绍

    这篇文章主要给大家介绍了关于vue项目结构目录超详细介绍的相关资料,Vue项目目录结构是指在开发Vue项目时,为了更好地组织和管理代码,将不同的文件按照一定的规则和层次结构进行分类和存放的方式,需要的朋友可以参考下
    2023-12-12
  • Vue中的默认插槽详解

    Vue中的默认插槽详解

    在 Vue 中,插槽(Slot)是一种非常强大且灵活的机制,用于在组件中插入内容,默认插槽是在父组件中传递内容给子组件时使用的一种方式,这篇文章主要介绍了Vue中的默认插槽详解,需要的朋友可以参考下
    2024-01-01
  • vue路由传参接收以及传参对象为对象时的问题及解决

    vue路由传参接收以及传参对象为对象时的问题及解决

    这篇文章主要介绍了vue路由传参接收以及传参对象为对象时的问题及解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • 如何在vue中更优雅的封装第三方组件详解

    如何在vue中更优雅的封装第三方组件详解

    在封装第三方组件中,经常会遇到一个问题,下面这篇文章主要给大家介绍了关于如何在vue中更优雅的封装第三方组件的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-05-05
  • Vue中的methods、computed计算属性和watch监听属性的使用和区别解析

    Vue中的methods、computed计算属性和watch监听属性的使用和区别解析

    这篇文章主要介绍了Vue中的methods、computed计算属性和watch监听属性的使用和区别,本文通过示例代码给大家介绍的非常详细对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2024-01-01
  • 创建项目及包管理yarn create vite源码学习

    创建项目及包管理yarn create vite源码学习

    这篇文章主要为大家介绍了创建项目及包管理yarn create vite源码学习分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09

最新评论