博客
关于我
ip地址访问vue运行项目
阅读量:531 次
发布时间:2019-03-08

本文共 446 字,大约阅读时间需要 1 分钟。

ip地址访问vue运行项目

在未进行配置下,通过ip地址访问vue运行项目,是无法访问的。

vue项目想要通过ip地址访问运行项目,需执行以下操作。

1.查看本机IP地址。win+R打开cmd命令,输入ipconfig/all查看本机ip地址。

2.修改package.json文件中添加–host 0.0.0.0,然后重新重启项目。

"scripts": {    "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",}

3.在浏览器导航栏中输入:http://ip+端口访问项目运行,即http://192.168.42.122:8080/(我本机访问路径)。注意这里确保访问时时同一网段,否则,就无法访问。

参考:

https://jingyan.baidu.com/article/d2b1d102e22a6c5c7e37d4f5.html

转载地址:http://jgpiz.baihongyu.com/

你可能感兴趣的文章
nginx代理地图服务--离线部署地图服务(地图数据篇.4)
查看>>
Nginx代理外网映射
查看>>
Nginx代理模式下 log-format 获取客户端真实IP
查看>>
Nginx代理解决跨域问题(导致图片只能预览不能下载)
查看>>
Nginx代理访问提示ERR_CONTENT_LENGTH_MISMATCH
查看>>
Nginx代理配置详解
查看>>
Nginx代理静态资源(gis瓦片图片)实现非固定ip的url适配网络环境映射ip下的资源请求解决方案
查看>>
Nginx代理静态资源(gis瓦片图片)实现非固定ip的url适配网络环境映射ip下的资源请求解决方案
查看>>
nginx反向代理
查看>>
Nginx反向代理
查看>>
nginx反向代理、文件批量改名及统计ip访问量等精髓总结
查看>>
Nginx反向代理与正向代理配置
查看>>
Nginx反向代理及负载均衡实现过程部署
查看>>
Nginx反向代理是什么意思?如何配置Nginx反向代理?
查看>>
nginx反向代理解决跨域问题,使本地调试更方便
查看>>
nginx反向代理转发、正则、重写、负摘均衡配置案例
查看>>
Nginx反向代理配置
查看>>
Nginx启动SSL功能,并进行功能优化,你看这个就足够了
查看>>
nginx启动脚本
查看>>
Nginx在Windows上和Linux上(Docker启动)分别配置基本身份认证示例
查看>>