webpack vue项目开发环境局域网绑定IP方法
程序员文章站
2022-04-23 12:56:56
...
这次给大家带来webpack vue项目开发环境局域网绑定IP方法,webpack vue项目开发环境局域网绑定IP的注意事项有哪些,下面就是实战案例,一起来看一下。
思路:将自己的项目启动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访问
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
以上就是webpack vue项目开发环境局域网绑定IP方法的详细内容,更多请关注其它相关文章!
上一篇: 网上商城实战--后台的功能模块
推荐阅读
-
webpack本地开发环境无法用IP访问的解决方法
-
webpack4手动搭建Vue开发环境实现todoList项目的方法
-
webpack本地开发环境无法用IP访问的解决方法
-
使用vue-cli+webpack搭建vue开发环境的方法
-
vue init webpack myproject构建项目 ip不能访问的解决方法
-
webpack4手动搭建Vue开发环境实现todoList项目的方法
-
webpack vue项目开发环境局域网访问方法
-
webpack本地开发环境无法用IP访问的解决方法
-
使用Vue2.X和Webpack2.X开发SPA应用的环境构建方法
-
webpack vue项目开发环境局域网访问方法