webpack+vue项目局域网访问步骤详解

这次给大家带来webpack+vue项目局域网访问步骤详解,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访问

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

FIFO/LRU实现缓存算法

怎样操作Node静态资源服务器

以上就是webpack+vue项目局域网访问步骤详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2763116.html

(0)
上一篇 2025年3月8日 10:06:39
下一篇 2025年2月20日 02:28:18

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vue-cli无法初始化webpack模板处理方法

    这次给大家带来vue-cli无法初始化webpack模板处理方法,解决vue-cli无法初始化webpack模板的注意事项有哪些,下面就是实战案例,一起来看一下。 vue init webpack pro [Failed to downlo…

    编程技术 2025年3月8日
    200
  • vue-cli+webpack创建项目报错

    这次给大家带来vue-cli+webpack创建项目报错,vue-cli+webpack创建项目报错的注意事项有哪些,下面就是实战案例,一起来看一下。 没有给这些选项指定值:config-name, context, entry, modu…

    编程技术 2025年3月8日
    200
  • webpack.config.js参数使用案例

    这次给大家带来webpack.config.js参数使用案例,webpack.config.js参数使用的注意事项有哪些,下面就是实战案例,一起来看一下。 webpack.config.js文件通常放在项目的根目录中,它本身也是一个标准的C…

    编程技术 2025年3月8日
    200
  • 使用webpack4.0打包优化详解

    这次给大家带来使用webpack4.0打包优化详解,使用webpack4.0打包优化的注意事项有哪些,下面就是实战案例,一起来看一下。 webapck4 新特性介绍-参考资料 当前依赖包的版本   1.优化loader配置  1.1 缩小文…

    2025年3月8日 编程技术
    200
  • webstorm中vue使用案例详解

    这次给大家带来webstorm中vue使用案例详解,webstorm中vue使用的注意事项有哪些,下面就是实战案例,一起来看一下。 前提 vue的官方文档上建议新手是先不要使用vue-cli,而是直接先用类似于JQuery一样的方式引入vu…

    编程技术 2025年3月8日
    200
  • 如何处理webstorm与.vue中es6语法报错

    这次给大家带来如何处理webstorm与.vue中es6语法报错,处理webstorm与.vue中es6语法报错的注意事项有哪些,下面就是实战案例,一起来看一下。 1.webstorm中es6语法报错,解决方法: 打开 Settings =…

    2025年3月8日 编程技术
    200
  • webstorm添加*.vue文件步骤详解

    这次给大家带来webstorm添加*.vue文件步骤详解,webstorm添加*.vue文件的注意事项有哪些,下面就是实战案例,一起来看一下。 方法1:注意事项 Vue.js 插件 打开 Settings->Plugins 搜索安装 …

    2025年3月8日
    200
  • 根据jQuery.i18n实现web前端国际化

    这次给大家带来根据jQuery.i18n实现web前端国际化,根据jQuery.i18n实现web前端国际化的注意事项有哪些,下面就是实战案例,一起来看一下。 在介绍 jQuery.i18n.properties 之前,我们先来看一下什么是…

    2025年3月8日
    200
  • WebSocket通信使用剖析

    这次给大家带来WebSocket通信使用剖析,WebSocket通信使用剖析的注意事项有哪些,下面就是实战案例,一起来看一下。 什么是 WebSocket ? WebSocket 是一种标准协议,用于在客户端和服务端之间进行双向数据传输。但…

    2025年3月8日 编程技术
    200
  • Webpack打包字体font-awesome步骤详解

    这次给大家带来Webpack打包字体font-awesome步骤详解,Webpack打包字体font-awesome的注意事项有哪些,下面就是实战案例,一起来看一下。 使用webpack构建font-awesome或者bootstrap的时…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论