vue中的端口号如何改修
更新时间：2026年01月01日 17:15:25 作者：大宁宁吖
文章介绍了两种在Vue项目中修改端口号的方法：一种是在`webpack.config.js`或`vue.config.js`中配置`devServer`,另一种是修改`package.json`中的`scripts`属性,在`serve`或`dev`命令后加上`--port`指定端口号
vue端口号改修
方法一
在根目录webpack.config.js或vue.config.js中配置devServer
module.exports = {
devServer: {
host: 'localhost',
port: 9000, // 端口
}
}方法二
在package.json中的scripts进行配置
若项目是用cli3+版本创建则在serve的属性值后加上--port 9000，若是用cli2创建的项目则在dev的属性值后加上--port 9000。
如下：
"serve": "vue-cli-service serve --port 9000",
配置完重新运行项目即可
运行效果如下：
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vue3使用element-plus组件不显示问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
Vue CLI是一个用于快速Vue.js开发的完整系统。这篇文章主要介绍了Vue Cli3 创建项目的方法步骤，非常具有实用价值，需要的朋友可以参考下2018-10-10
这篇文章主要为大家详细介绍了Vue+Echarts实现简单折线图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要介绍了 vue3 自定义指令详情，自定义指令分为全局和局部两种类型，大家并不陌生。今天我们就讲讲在 vue3 中，自定义指令定义、使用以及钩子函数都有哪些变化？,需要的朋友可以参考一下2021-11-11
这篇文章主要介绍了Vue实现星级评价效果的实例代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-12-12
这篇文章主要介绍了Vue如何提升首屏加载速度实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
这篇文章主要介绍了基于Vue-cli的一套代码支持多个项目的方案，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下2021-03-03
element plus el-table多选框跨页多选保留功能
这篇文章主要介绍了element plus el-table多选框跨页多选保留功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2025-05-05
在 Vue 页面中实现文字朗读（Text-to-Speech,TTS）可以通过浏览器的 Web Speech API 实现,下面小编就来和大家简单讲讲具体实现步骤吧2025-02-02
这篇文章主要介绍了手写Vue2.0 数据劫持的示例，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下2021-03-03
最新评论