vue项目实现通过ip地址访问和localhost访问方式
目录
- vue项目通过ip地址访问和localhost访问
- vue项目中把localhost改成ip地址访问
- vue2.0项目中 localhost改成ip地址访问
- vue3项目改成ip地址访问
vue项目通过ip地址访问和localhost访问 为了实现vue项目启动服务,多个人可以查看,别人可以通过ip+端口访问
在config文件下的index.js文件中,修改host为:
host: '0.0.0.0',
或者在package.json文件下"scripts"的"dev"后面加上–host 0.0.0.0"
例如:
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",
重启服务可以看到通过localhost和IP地址都可以访问到这个服务。
文章图片
文章图片
vue项目中把localhost改成ip地址访问
vue2.0项目中 localhost改成ip地址访问
config/index.js改成
host: '0.0.0.0', port: 8888,
打包后index.html空白 修改
webpack.prod.conf.js 里的
publicPath:'./',
vue3项目改成ip地址访问
1.在项目的根目录下创建文件vue.config.js
2.在该文件中进行相关配置,从而覆盖默认配置
module.exports = {outputDir:"course-analysis", //打包后的项目目录名称publicPath: './',devServer:{host: '0.0.0.0',port:8888}};
【vue项目实现通过ip地址访问和localhost访问方式】以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
推荐阅读
- Vue使用Swiper封装轮播图组件的方法详解
- Vue读取本地静态文件json的2种方法以及优缺点
- vue组件之间进行传值的方法
- Vue3|Vue3 KeepAlive实现原理解析
- 项目中的那些事|Spark SQL执行多次join后越来越慢,最后出现OOM
- 毕设教程|【毕设教程】退火算法路径优化实现
- redis|springboot使用redisTemplate+websocket实现集群消息的发布订阅
- netty|基于Netty实现websocket集群部署实现方案
- 创投日报|钛媒体Pro创投日报:9月5日收录投融资项目6起
- 朴素贝叶斯分类器python_python实现高斯朴素贝叶斯分类器