本地运行vue.js项目,如何更改调试的默认端口?

运行本地vue.js项目,如何更改调试的默认端口?

之前学会了安装和使用node.jsnpmcnpmwebpack 等相关的一些知识和技巧,但是在搭建vue.js框架,进行开发的时候,会发现在进行浏览器测试的时候,会出现localhost:8080端口被占用的问题。


如何自定义变更调试的端口号?

这就是此篇博客的写作目的,一是备份,二是能在以后的开发中有经验型参考和依据,三是能作为奠基石,为“港大小白”抛砖引玉。

言归正传,其实这个问题解决起来并没有想象的那么费劲。

注意:默认端口:8080;


例如:变更 端口号8080 为8081;


下面先截图说明一下,截图参考如下:

这里写图片描述


具体操作步骤:

1. 首先,根据上图中的本地路径,找出对应的文件C:\个人\vuejs\firstvue\config\index.js
2. 其次,找到上述对应的红色标记代码,直接修改端口号为8081,即可完,8080默认端口的更改;
3. 然后,就是按照老方法,通过cmd指定,本地热启动本地对应的项目即可;
4. 最后一步,打开浏览器,输入localhost:8081,即可查看到IP地址栏确实已被更改端口号为8081。

注意:最后一步有时候会在你执行cmd命令之后自动执行,而不用自己手动输入localhost:8081.


相关文章参考:

序号 文章标题
1 如何进行 node.js 的 安装与卸载
2 如何进行 Vue.js 框架的安装?
3 如何安装多个vue.js项目?
4 关于node.js 和vue.js的安装、卸载、浏览器测试问题?

以便于获取更多资源分享,请点击关注博主,后期重要内容恕不直接发布,欢迎留言和评论,将第一时间回复。

猜你喜欢

转载自blog.csdn.net/qq_35393869/article/details/80102285
今日推荐