本地运行vue.js项目,如何更改调试的默认端口?
运行本地vue.js项目,如何更改调试的默认端口?之前学会了安装和使用node.js 、npm 、cnpm 、webpack 等相关的一些知识和技巧,但是在搭建vue.js框架,进行开发的时候,会发现在进行浏览器测试的时候,会出现localhost:8080端口被占用的问题。如何自定义变更调试的端口号?这就是此篇博客的写作目的,一是备份,二是能在以后的开发中有经验型参考...
·
运行本地vue.js项目,如何更改调试的默认端口?
- 之前学会了安装和使用
node.js
、npm
、cnpm
、webpack
等相关的一些知识和技巧,- 但是在搭建
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的安装、卸载、浏览器测试问题? |
以便于获取更多资源分享,请点击关注博主
,后期重要内容恕不直接发布,欢迎留言和评论,将第一时间回复。
以上就是关于“本地运行vue.js项目,如何更改调试的默认端口?”的全部内容。
更多推荐
已为社区贡献51条内容
所有评论(0)