vue-cli 3.4版本的vue项目,修改运行端口号,适用于新的vue目录结构
我用3.4版本的vue-cli构建了一个vue项目,然后我想修改项目运行之后的访问端口在网上查了一下,很多都是2.0+的版本,查来查去都说是什么在 config目录下index.js文件中修改端口号。。。。。。。都抄来抄去的新的vue项目目录结构下并没有config文件夹只好自己找,我们先运行项目发现项目运行了这样的一个命令百度一下,进入官网...
我用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文件中引入参数,配好参数之后启动服务
以上只是我个人的一点见解,欢迎指正
更多推荐
所有评论(0)