vue项目启动后终端显示localhost和ip访问地址

1.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",

2.修改build文件下webpack.dev.conf.js文件里compilationSuccessInfo的messages属性值

        compilationSuccessInfo: {messages: [`Your application is running here:`,`Local: http://${devWebpackConfig.devServer.host}:${port}`,`Network: http://${require('ip').address()}:${port}`],

配置好以后终端就会显示两个访问地址。

vue项目启动后终端显示localhost和ip访问地址相关推荐

Vue进阶（幺陆叁）：vue项目启动后自动打开页面并设置默认浏览器
文章目录一.修改默认浏览器二.vue 项目启动自动打开页面三.拓展阅读以windows 系统为例,操作方法如下: 一.修改默认浏览器设置谷歌浏览器为默认浏览器. 1.首先打开"开始 ...
为什么当项目启动后执行两次过滤器再进行访问资源时执行一次过滤器
为什么当项目启动后执行两次过滤器再进行访问资源时执行一次过滤器粗线的理解,启动项目后进行了两次请求,访问两次过滤器.访问资源时只进行一次请求,所以访问一次过滤器. 于是为了更加清楚地看清在启动项目 ...
配置vue项目启动后自动打开浏览器，出现网址跳转错误问题：网址为http://0.0.0.0:8080/ 的页面可能存在问题，或者已永久移动到新的网址。
我们在Vue项目package.js文件里配置启动后启动后自动打开浏览器时,也就是加上–open "scripts": {"serve": "vue- ...
Vue项目启动后自动打开浏览器
vue-cli 覆盖webpack配置 vue项目每次启动时都需要复制链接地址打开浏览器,影响到开发效率,下面一行代码配置,解决问题,自动打开浏览器! 项目根目录下新 vue.config.js(和s ...
SpringBoot项目启动后网页显示【Please sign in】的解决办法
Springboot启动项目后网页显示[Please sign in] 遇到的情况解决办法解决效果根本原因(依赖导错了) 根本解决办法遇到的情况启动SpringBoot后,访问http:// ...
Vue 项目启动后在浏览器自动打开
想要实现 Vue 项目在浏览器自动打开,只需要几步简单的操作就可以实现了.我这里是使用了Vue3.x的脚手架创建的项目,项目的目录架构你们有可能是和你们的不太一样,但是道理是这样子的道理.其他话不多说 ...
vue项目启动后设置默认谷歌浏览器打开
1.lz本地用的windows10系统,在系统左下角的搜索框中输入[控制面板],如下图: 2.在控制面板窗口中选择[默认程序],如下图: 3.在默认程序窗口,选择[设置默认程序],如下图: 4.在默认 ...
Vue项目启动后Error: Cannot find module ‘xxx’的解决方法
文章目录 1. 删除 2. 安装依赖 3. 启动项目解决方法 1. 删除删除 node_modules 整个文件夹和 package-lock.json 文件(这个文件不一定有),注意不是 pac ...
vue项目启动后自动跳转页面
通常情况下,执行完命令:npm run dev,需要手动打开页面,如果想要启动完让其自动跳转页面该如何设置呢? 找到项目目录下:config/index.js,设置其文件中autoOpenBrowse ...

vue项目启动后终端显示localhost和ip访问地址

vue项目启动后终端显示localhost和ip访问地址相关推荐

最新文章

热门文章