vue配置启动后终端显示localhost和ip访问地址

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入vue配置启动

一杆独秀狙

3137人浏览 · 2021-06-11 09:41:32

一杆独秀狙 · 2021-06-11 09:41:32 发布

1、首先设置localhost和本地ip访问
在config文件下的index.js文件中，修改host为：

host: '0.0.0.0',
port: 8080,

2、设置启动后终端显示localhost和network访问地址
修改build文件下webpack.dev.conf.js文件里compilationSuccessInfo的messages属性值

compilationSuccessInfo: {
          // 修改启动后终端显示localhost和network访问地址
          messages: [
            `App runing at: `,
            `Local: http://localhost:${port}`,
            `Network: http://${require('ip').address()}:${port}`,
          ],
        }

进行上面的2步的配置后，就可以进行localhost访问和ip地址访问了

转载：https://blog.csdn.net/qq_41497443/article/details/108577543

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^