Vue3之修改端口号方式
更新时间：2023年10月17日 14:20:25 作者：怕是个神仙啊
这篇文章主要介绍了Vue3之修改端口号方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
方法一
在图形界面中更改参数
方法二
在 package.json 文件中修改 scripts
"scripts": {
"serve": "vue-cli-service serve --port 80",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},方法三
在运行项目的时候追加端口号
npm run serve -- --port 80
方法四
在根目录下新建一个vue.config.js文件（和package.json同一目录） ，
内容如下：
module.exports = {
devServer:{
port:80, // 启动端口号
open:true // 启动后是否自动打开网页
}
}方法五
端口文件存放目录为：
node_modules/@vue/cli-service/lib/commands/serve.js
const defaults = {
host: '0.0.0.0',
port: 80,
https: false
}优先级：
方法一>方法二=方法三>方法四>方法五
如果方法二和方法三同时使用，且端口号设置不同，就会报错
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了通过vue-cli3构建一个SSR应用程序,以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。2018-09-09
Vue的生命周期就是vue实例从创建到销毁的全过程,也就是new Vue()开始就是vue生命周期的开始。Vue实例有⼀个完整的⽣命周期,也就是从开始创建、初始化数据、编译模版、挂载Dom->渲染、更新->渲染、卸载等⼀系列过程,称这是Vue的⽣命周期2022-10-10
这篇文章主要给大家介绍了如何使用 Vue3 实现一个穿梭框效果,当选中数据,并且点击相对应的方向箭头时,选中的数据会发送到对面,并且数据会保持正确的顺序进行排列,文中有详细的代码讲解,具有一定的参考价值,需要的朋友可以参考下2023-12-12
这篇文章主要为大家详细介绍了Vue+Openlayers实现实时坐标点展示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要介绍了vue 组件基础知识的相关资料，帮助大家更好的理解和使用vue的组件，感兴趣的朋友可以了解下2021-11-11
Vue3中子组件改变父组件传过来的值(props)的方法小结
在 Vue 3 中,子组件改变父组件传过来的值（props）的方法主要有以下几种：通过事件发射、使用 v-model、模拟 .sync 修饰符的功能（Vue 3 中已移除）,以及使用 ref 或 reactive,下面我将结合代码示例和使用场景详细讲解这些方法,需要的朋友可以参考下2025-04-04
这篇文章主要为大家详细介绍了如何通过Vue实现自定义视频和图片上传的功能，文中的示例代码简洁易懂，感兴趣的小伙伴可以跟随小编一起学习一下2023-04-04
moment是一款多语言支持的日期处理类库, 在vue中如何使用呢?这篇文章主要给大家介绍了关于vue之moment使用的相关资料,需要的朋友可以参考下2021-05-05
本文主要介绍了el-table表头文字换行的三种方式，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
这篇文章主要介绍了Vue中transition的使用及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-07-07
最新评论