欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue修改vue项目运行端口号的方法

程序员文章站 2022-11-25 12:18:40
一、导语 最近在研究,左侧是导航,右侧是显示对应的内容,左右可单独滚动,不互相影响,如何实现? 萝卜蹲的游戏大家都玩过,白萝卜蹲,白萝卜蹲,白萝卜蹲完红萝卜蹲,可是若是...

一、导语

最近在研究,左侧是导航,右侧是显示对应的内容,左右可单独滚动,不互相影响,如何实现?

萝卜蹲的游戏大家都玩过,白萝卜蹲,白萝卜蹲,白萝卜蹲完红萝卜蹲,可是若是在含有滚动条的页面的情况下,白萝卜是子元素,红萝卜是父元素,白萝卜蹲完不想让红萝卜蹲,怎么办? js是直接用阻止默认事件e.preventdefault(); ,vue虽然也有阻止默认事件@scroll.prevent,但是并没有效果啊,怎么办啊??有木有同学会啊???

二、正文

记录下如何更改vue项目运行的端口号

使用webpack创建的vue项目,端口号默认是8080,可是不想用8080做项目的端口号怎么办??

1、找到项目对应的 config 文件夹里的 index.js ,此时可以看到项目配置了 port:8080

vue修改vue项目运行端口号的方法

运行时,端口号就是8080:

vue修改vue项目运行端口号的方法

vue修改vue项目运行端口号的方法

2、修改该值,比如修改为4040

vue修改vue项目运行端口号的方法

vue修改vue项目运行端口号的方法

好了,如此简单

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。