vue cli 3 使用yarn serve后生成两个路径中的network是什么

咯咯咯哒
  • 36

clipboard.png

第一次启动时,这个network是非本地地址。我想知道这个network的作用和配置在哪里修改?我翻了官方文档,没找到配置network的说明。

回复
阅读 7.9k
4 个回答

Local这个地址是本地地址,只能你个人在自己的计算机上访问。
Network这个地址是网络地址,和你处于同一局域网内的人可访问该地址。
举例,你的同事需要访问你正在做的项目,可是你并没有部署上线,那么他就可以通过访问Network这个地址浏览你的项目。
又或者,你正在做一个web移动端项目,你需要在手机上浏览效果,你打开手机浏览器输入Network这个地址(前提是你和电脑处于同一局域网,例如你连接了你们公司的wifi),即可浏览。
不仅限于此。
答案:
生成的Network地址是不可改变的,因为他是你本机的IP地址,能改变的只有端口号。
在vue-cli3.0中,设置host:'0.0.0.0', 则生成local和network网络环境。
Local为: http://localhost:端口号 例: http://localhost:8080
Network为:http://本机ip+端口号 例:http://192.168.251.25:8090

这个代表你的本地地址,没法改的,除了端口号

你在项目里面新建一个vue.config.js文件
`module.exports ={

devServer: {
    host:'192.168.1.1',   //主机 访问的主机
    port: 8080,  //  端口 可以设置(9090)
    //代理
    proxy:{ }
    }
}

}`

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏