vue 3.4x以上如何改变项目运行端口号

我用3.4版本的vue-cli构建了一个vue项目,然后我想修改项目运行之后的访问端口

在网上查了一下,很多都是2.0+的版本,查来查去都说是什么在 config目录下index.js文件中修改端口号。。。。。。。

都抄来抄去的

新的vue项目目录结构下并没有config文件夹

 只好自己找,我们先运行项目

 发现项目运行了这样的一个命令

百度一下,进入官网

./node_modules 表示当前项目目录下的node_modules目录,那么我们就可以到这里去找这个

到 项目名\node_modules\@vue\cli-service这个目录去

 打开这个文件,拉倒最下面,可以发现这个配置,我们把注释去掉,把端口号改成9999,保存文件,运行npm run dev

 改成下面这样试试

 

 

没问题,运行成功

其实我们可以看到,bin下面的vue-cli-service.js文件引用了这个“../lib/Service”这个文件

service 里面又引入了option的文件 里面的defaults

而 defaults 里刚好就有端口的配置

 所以,梳理一下思路,就是项目在启动的时候会执行vue-cli-service,执行的时候会先从option文件中引入参数,配好参数之后启动服务

以上只是我个人的一点见解,欢迎指正

发布了171 篇原创文章 · 获赞 29 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/weixin_43560272/article/details/104093329