vue项目实现通过ip地址访问和localhost访问方式
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-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
这篇文章主要介绍了vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据),具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-08-08VUE+Express+MongoDB前后端分离实现一个便签墙
这篇文章主要介绍了VUE+Express+MongoDB前后端分离实现一个便签墙,需要的朋友可以参考下2021-04-04antd Form组件方法getFieldsValue获取自定义组件的值操作
这篇文章主要介绍了antd Form组件方法getFieldsValue获取自定义组件的值操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10Vue中使用 setTimeout() setInterval()函数的问题
这篇文章主要介绍了Vue中使用 setTimeout() setInterval()函数的问题 ,需要的朋友可以参考下2018-09-09
最新评论