webpack vue项目开发环境局域网访问 webpack vue项目开发环境局域网访问方法
museions 人气:0想了解webpack vue项目开发环境局域网访问方法的相关内容吗,museions在本文为您仔细讲解webpack vue项目开发环境局域网访问的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点: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项目开发环境局域网访问方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
加载全部内容