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文件中引入参数，配好参数之后启动服务

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

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

Vue 2.0 真实点餐项目实战
1 常见的七种排序算法解析作者简介: 耀升,一线互联网公司 Android 架构师,做过十余个项目,丰富的项目管理经验.热爱技术分享,活跃于 CSDN 和知乎. Chat 简介: 在面试中一问到排序 ...
用 Vue 改造 Bootstrap，渐进提升项目框架
GitChat 作者:Meathill 原文:用 Vue 改造 Bootstrap,渐进提升项目框架关注微信公众号:「GitChat 技术杂谈」一本正经的讲技术 [不要错过文末彩蛋] 前言 Vue ...
用 Vue 改造 Bootstrap，渐进提升项目框架[转]
GitChat 作者:Meathill 原文:用 Vue 改造 Bootstrap,渐进提升项目框架关注微信公众号:「GitChat 技术杂谈」一本正经的讲技术 [不要错过文末彩蛋] 前言 Vue ...
VUE——超详细的美食杰项目—菜谱详情
VUE--超详细的美食杰项目-菜谱详情效果介绍 detail.vue detail-header.vue detail-content.vue comment.vue 效果介绍实现页面数据渲染,还 ...
vue使用ts 引入组件_vue项目中使用ts（typescript）入门教程
最近项目需要将原vue项目结合ts的使用进行改造,这个后面应该是中大型项目的发展趋势,看到一篇不错的入门教程,结合它并进行了一点拓展记录之.本文从安装到vue组件编写进行了说明,适合入门. 1.引入T ...
vue——超详细的美食杰项目—菜谱大全
vue--超详细的美食杰项目-菜谱大全效果介绍 1.家常菜谱Tab切换: 2.筛选: 效果介绍下面我们实现的效果就是图一中的.点击'家常菜谱'下的其中一项时背景颜色改变并向路由中显示参数.在点击' ...
一个基于 Go+Vue 实现的 openLDAP 后台管理项目
[公众号回复 "1024",免费领取程序员赚钱实操经验] 大家好,我是章鱼猫. 今天给大家推荐的这个开源你项目来自于读者的投稿.还挺不错的,分享给大家. 这个开源项目是基于Go+ ...
用Vue开发仿旅游站webapp项目总结
<article data-v-13f76525="" itemscope="itemscope" itemtype="http://schem ...
vue使用命令行构建完项目后_vue-cli 构建项目在IE中无法运行解决方式(build之后可运行)...
IE浏览器(只考虑IE11,更低版本我没考虑)运行时报 Promise未定义的错误解决办法: 1. 安装babel-polyfill (1.) npm install babel-polyfill ...

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

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

最新文章

热门文章