webpack vue项目开发环境局域网访问方法
程序员文章站
2022-03-18 13:17:19
...
下面我就为大家分享一篇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项目开发环境局域网访问方法的详细内容,更多请关注其它相关文章!
推荐阅读
-
webpack本地开发环境无法用IP访问的解决方法
-
webpack4手动搭建Vue开发环境实现todoList项目的方法
-
vue webpack开发访问后台接口全局配置的方法
-
webpack本地开发环境无法用IP访问的解决方法
-
使用vue-cli+webpack搭建vue开发环境的方法
-
vue init webpack myproject构建项目 ip不能访问的解决方法
-
webpack4手动搭建Vue开发环境实现todoList项目的方法
-
webpack vue项目开发环境局域网访问方法
-
webpack本地开发环境无法用IP访问的解决方法
-
使用Vue2.X和Webpack2.X开发SPA应用的环境构建方法