webpack vue项目开发环境局域网访问方法
程序员文章站
2022-07-09 17:59:36
思路:将自己的项目启动ip与端口固定,当然端口也可以为默认的8080
步骤:
1.查看自己在局域网内的ip
命令行 ipconfig
2.回到自己的开发目录,在根目...
思路:将自己的项目启动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访问的解决方法
-
使用vue-cli+webpack搭建vue开发环境的方法
-
vue init webpack myproject构建项目 ip不能访问的解决方法
-
webpack4手动搭建Vue开发环境实现todoList项目的方法
-
webpack vue项目开发环境局域网访问方法
-
webpack本地开发环境无法用IP访问的解决方法
-
使用Vue2.X和Webpack2.X开发SPA应用的环境构建方法
-
webpack vue项目开发环境局域网访问方法
-
webpack+vue项目局域网访问步骤详解
-
vue init webpack myproject构建项目 ip不能访问的解决方法