位置: IT常识 - 正文

修改Vue项目运行的IP和端口(怎么调试vue项目)

编辑:rootadmin
修改Vue项目运行的IP和端口 前言

推荐整理分享修改Vue项目运行的IP和端口(怎么调试vue项目),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue修改数据后怎么让数据更新,vue3.0改变,vue修改数据后怎么让数据更新,vue项目改名,vue实现修改功能,修改vue项目名称,vue项目改名,vue3.0改变,内容如对您有帮助,希望把文章链接给更多的朋友!

我们在使用VsCode启动Vue项目的时候,我发现:默认的端口号好像和tomcat一样,默认都是8080,如果8080被占用了,就会使用8081,8082这样的方式以此类推。

那么,我们是否可以像后端一样,通过修改port属性的方式达到修改运行端口的方式呢?

答案肯定是可以的,下面的就分享下是如何做到的:

修改配置文件

找到vue项目的配置文件:vue.config.js

这个东西吧,站在我后端角度理解,就好像是springboot中的application配置文件,在里面配置一些和项目有关的东西

比如我之前已经配置过一个属性,这要方式语法简单,导致出现各种莫名奇怪的错误

目前我只用到了一个配置项:

lintOnSave: false // 关闭语法检查 防止不必要的语法报错

修改Vue项目运行的IP和端口(怎么调试vue项目)

这里还是有几个注意事项需要多bb几句的

1:多个配置项之前,需要注意使用逗号隔开

2:冒号不要用错了

如果你觉得直接修改port,那你就想的简单了!

看,直接报错。

ERROR Invalid options in vue.config.js: “port” is not allowed

解决报错

想要解决这个问题,其实很简单。只需要再配置层devServer。把配置代码写到里面即可:

祈祷我的项目没有bug,给它个吉祥的端口

// 配置devServer devServer: { host: 'localhost', // 项目运行的ip port: 8888, // 项目运行的端口号 }

配置文件全部代码:

const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({ transpileDependencies: true, lintOnSave: false, // 关闭语法检查 防止不必要的语法报错 // 配置devServer devServer: { host: 'localhost', // 项目运行的ip port: 8888, // 项目运行的端口号 }})测试效果

配置文件修改完之后,一定要记得重启服务,这样才能生效!

可以使用ctrl+c终端终端,重新执行npm run server

完美解决问题!

总结

其实还是很简单的。这个vue.config.js和springboot的application配置文件是一个道理,需要修改项目什么东西就直接在里面改。注意语法就好啦!

以后遇到其他的配置语法,会持续更新!

本文链接地址:https://www.jiuchutong.com/zhishi/299411.html 转载请保留说明!

上一篇:nginx跨域(nginx解决跨域问题原理)

下一篇:前端页面项目——博客系统(前端页面设计)

  • 网络推广的常用方法(网络推广常用方法包括)

    网络推广的常用方法(网络推广常用方法包括)

  • 康佳电视怎么投屏(康佳电视怎么投屏酷喵)

    康佳电视怎么投屏(康佳电视怎么投屏酷喵)

  • 新换屏幕间歇性失灵(新换屏幕间歇性失灵锁屏后恢复正常)

    新换屏幕间歇性失灵(新换屏幕间歇性失灵锁屏后恢复正常)

  • 骁龙865处理器的手机都有哪些(骁龙865处理器的手机排名)

    骁龙865处理器的手机都有哪些(骁龙865处理器的手机排名)

  • 淘宝聊天记录保存多久(淘宝聊天记录保存)

    淘宝聊天记录保存多久(淘宝聊天记录保存)

  • word表格打印出来没表格线(word表格打印出来有阴影)

    word表格打印出来没表格线(word表格打印出来有阴影)

  • 宽带拨号服务器无响应(宽带拨号服务器名称是什么)

    宽带拨号服务器无响应(宽带拨号服务器名称是什么)

  • 怎么从手机下载歌曲到u盘(怎么从手机下载小说到mp3)

    怎么从手机下载歌曲到u盘(怎么从手机下载小说到mp3)

  • 红米note7progps信号弱怎样解决(红米note7gps设置在哪里)

    红米note7progps信号弱怎样解决(红米note7gps设置在哪里)

  • gmtds接入点免费的吗(接入点 cmtds)

    gmtds接入点免费的吗(接入点 cmtds)

  • 微信如何发布视频号(微信如何发布视频到朋友圈)

    微信如何发布视频号(微信如何发布视频到朋友圈)

  • 抖音为什么有两个版本(抖音为什么有两个人不可以打视频)

    抖音为什么有两个版本(抖音为什么有两个人不可以打视频)

  • 怎么关闭自己的朋友圈只看别人的(怎么关闭自己的朋友圈,但是能看到别人的)

    怎么关闭自己的朋友圈只看别人的(怎么关闭自己的朋友圈,但是能看到别人的)

  • 智能ic卡水表显示的数字是什么(智能ic卡水表显示E—07)

    智能ic卡水表显示的数字是什么(智能ic卡水表显示E—07)

  • 分辨率和屏幕大小有关吗(分辨率和屏幕大有关系吗)

    分辨率和屏幕大小有关吗(分辨率和屏幕大有关系吗)

  • ipad能当显示器吗(ipad能当显示器吗ns)

    ipad能当显示器吗(ipad能当显示器吗ns)

  • 小米mix2s支持27w快充吗(小米mix2s支持27w快充)

    小米mix2s支持27w快充吗(小米mix2s支持27w快充)

  • 微信缩略图可不可以删除(微信缩略图可不可以恢复)

    微信缩略图可不可以删除(微信缩略图可不可以恢复)

  • 电脑读卡器怎么找(电脑读卡器怎么插)

    电脑读卡器怎么找(电脑读卡器怎么插)

  • 抖音怎么复制别人的评论(抖音怎么复制别人的文案)

    抖音怎么复制别人的评论(抖音怎么复制别人的文案)

  • 苹果xs有指纹解锁吗(苹果xs指纹解锁在哪里设置)

    苹果xs有指纹解锁吗(苹果xs指纹解锁在哪里设置)

  • b站下载的游戏安装包在哪里(galgame手游下载网站)

    b站下载的游戏安装包在哪里(galgame手游下载网站)

  • 小米8屏幕指纹版跑分多少(小米8屏幕指纹版和探索版有什么区别?)

    小米8屏幕指纹版跑分多少(小米8屏幕指纹版和探索版有什么区别?)

  • 7p发热严重是什么问题(iphone7p严重发热)

    7p发热严重是什么问题(iphone7p严重发热)

  • 如何设置淘宝商品宝贝上下架时间(如何设置淘宝商品进入购物车后显示店铺名称)

    如何设置淘宝商品宝贝上下架时间(如何设置淘宝商品进入购物车后显示店铺名称)

  • 如何删除office的授权信息(怎么删除office)

    如何删除office的授权信息(怎么删除office)

  • python如何在word中读取表格内容(python如何在一个文件中运行另一个文件)

    python如何在word中读取表格内容(python如何在一个文件中运行另一个文件)

  • 转登记纳税人按规定再次登记为一般纳税人后
  • 合作社专项基金年底怎结转
  • 其他综合收益属于当期损益吗
  • 小规模纳税人自动升为一般纳税人条件
  • 预收货款开票怎么做账
  • 弥补以前年度亏损会计分录
  • 化肥发票怎么开
  • 企业管理咨询有限公司简介
  • 存货的加工成本指的是加工过程中发生的追加费用
  • 劳务公司的员工与正式员工
  • 通行费电子增值税怎么算
  • 出口退回的增值税计入哪个会计科目
  • 收到汇算清缴退税账务处理
  • 商业地产会计核算流程
  • 租赁房屋的装修
  • 企业取得的不征税收入需要在几年内花出去
  • 汇算清缴涉及到哪些科目的调整
  • 建筑企业预交增值税问题尚未得到解决
  • 商场补贴申请怎么写
  • 购买不需安装的生产设备会计分录
  • 利润总额和净利润的区别
  • 辞退补偿入账
  • cpu性能天梯图2023年3月
  • 商品房的维修金该怎么交
  • 大型绿萝的养殖方法
  • 最高频率内存条是多少
  • url示例
  • 职工教育经费列支范围规定
  • php strtr
  • 阐述php的特点
  • Vue3通透教程【十三】TS简单类型详解
  • 数据挖掘技术介绍
  • 贪吃蛇python小白
  • PHP编写简易计算器
  • 应收账款贷款怎么做
  • 多收钱少开票
  • 合伙企业个人所得税怎么算
  • 金蝶会计报表公式
  • mongodb基础命令
  • javatoolkit详解
  • 公司安排异地培训
  • 营业外收入汇算清缴时也得计入收入
  • 接受银行承兑汇票需要开通吗
  • 资产负债表坏账准备计入哪里科目
  • 研发支出的账务怎么处理
  • mongodb的常用命令
  • 股东有本金偿还的权利吗
  • 分销佣金账务处理流程
  • 收到工程款时会计分录
  • 营业外支出在贷方
  • 购买方已认证销售方能开红字信息表吗
  • 被盗物品损坏谁负责赔偿
  • 以前年度的销售退回能否直接冲减销售收入
  • 房屋租赁违约金比例
  • 雇主责任险为什么理赔很慢
  • 结转损益不平是什么原因造成的
  • 收入的利息如何计算
  • mysql 索引的类型
  • sqlserver获取当前年
  • mysql 5.7.11 zip安装配置方法图文教程
  • amd furyx
  • windows server 2008 r2怎么用u盘启动
  • win10windows更新
  • linux中使用最多的命令
  • centos中如何安装软件
  • .exe是什么意思
  • CentOS安装scp命令详解
  • win7未能启动怎么办
  • [置顶]津鱼.我爱你
  • dos脚本 菜鸟教程
  • python编程模拟
  • shell数值比较
  • nodejs webp
  • sed查找字符串
  • unity3d操作
  • nodejs拼接路径的方法
  • js 原型方法
  • 浙江国地税申报网
  • 深圳国税局官网登录
  • 税务备案表银行留存
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设