位置: 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解决跨域问题原理)

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

  • 荣耀magic3至臻版是双卡双待吗(荣耀magic3至臻版上市价格)

    荣耀magic3至臻版是双卡双待吗(荣耀magic3至臻版上市价格)

  • 微信头像怎么看(微信头像怎么看不见了)

    微信头像怎么看(微信头像怎么看不见了)

  • vivox21电池多少毫安(vivox21手机电池多大)

    vivox21电池多少毫安(vivox21手机电池多大)

  • 如何将哔哩哔哩视频下载到本地(如何将哔哩哔哩视频转化为音频)

    如何将哔哩哔哩视频下载到本地(如何将哔哩哔哩视频转化为音频)

  • 微信柴犬表情什么意思(微信表情柴犬什么意思)

    微信柴犬表情什么意思(微信表情柴犬什么意思)

  • 苹果app充值不了(苹果app充值不了游戏)

    苹果app充值不了(苹果app充值不了游戏)

  • 苹果手机拉黑对方打电话还有提示吗(苹果手机拉黑对方电话提示音是什么)

    苹果手机拉黑对方打电话还有提示吗(苹果手机拉黑对方电话提示音是什么)

  • 为什么华为手机电量突然耗得特别快(为什么华为手机不能超级快充了)

    为什么华为手机电量突然耗得特别快(为什么华为手机不能超级快充了)

  • 小米街拍模式有声音(小米街拍模式有什么用)

    小米街拍模式有声音(小米街拍模式有什么用)

  • 存在qq相册里的照片会丢失吗(存在qq相册里的照片为什么不清晰了)

    存在qq相册里的照片会丢失吗(存在qq相册里的照片为什么不清晰了)

  • ipadmini是什么处理器(ipadmini是ios几?)

    ipadmini是什么处理器(ipadmini是ios几?)

  • 怎么设置首行缩进2字符(怎么设置首行缩进0字符)

    怎么设置首行缩进2字符(怎么设置首行缩进0字符)

  • a2152是什么版本(a2275是什么版本)

    a2152是什么版本(a2275是什么版本)

  • word怎么删除一整页(word怎么删除一整张页面)

    word怎么删除一整页(word怎么删除一整张页面)

  • 微信如何开启自动同步(微信如何开启自动收款)

    微信如何开启自动同步(微信如何开启自动收款)

  • 手机qq怎么改名片格式(手机qq怎么改名字没显示)

    手机qq怎么改名片格式(手机qq怎么改名字没显示)

  • 快手怎么看具体人数(快手怎么看具体有多少粉丝)

    快手怎么看具体人数(快手怎么看具体有多少粉丝)

  • app开发有什么用(app开发是干什么的)

    app开发有什么用(app开发是干什么的)

  • 抖音视频推荐是什么意思(抖音视频推荐是自然流量吗)

    抖音视频推荐是什么意思(抖音视频推荐是自然流量吗)

  • 电脑怎么锁定当前窗口(电脑怎么锁定当前系统)

    电脑怎么锁定当前窗口(电脑怎么锁定当前系统)

  • vivox20多少英寸(vivox20是多少寸)

    vivox20多少英寸(vivox20是多少寸)

  • 喊siri没反应怎么回事(喊siri不出来)

    喊siri没反应怎么回事(喊siri不出来)

  • 不确认收货卖家收得到钱吗(不确认收货卖家多久收到钱)

    不确认收货卖家收得到钱吗(不确认收货卖家多久收到钱)

  • mate20灭屏显示设置

    mate20灭屏显示设置

  • 知识图谱的构建及可视化(知识图谱的构建方法有两种)

    知识图谱的构建及可视化(知识图谱的构建方法有两种)

  • 其他综合收益包括资本公积吗
  • 经济利益的流入一定是收入吗
  • 出口无报关单免税吗
  • 房地产预售啥意思
  • 累计折旧计入资产负债表什么科目
  • 建账录入期初数据需要看哪个表
  • 报表中应交税金和应交税费区别
  • 雇主责任险为什么不能立即生效
  • 股东变更没有公章和营业执照怎么办
  • 购买的车位应如果要进行税务处理需注意什么?
  • 社会组织捐款
  • 建筑行业增值税税率是多少
  • 反写是清卡的意思吗
  • 网上认证服务费可以全额抵扣吗
  • 关联关系案例
  • 增值税税率如何计算
  • 体现公司财务状况的报表
  • 发票申请需要多久
  • 投资收益年底结转怎么算
  • 公司装修期间物业怎么办
  • 农产品增值税核定扣除管理建议
  • 1697510006
  • 银行借款利息支出可以税前扣除吗
  • 长期股权投资核算的成本法与权益法的主要差别有哪些
  • mac符号在哪里
  • 取得进账发票没发票
  • 公司餐饮费怎么做账
  • 纳税申报怎么做
  • 应交税金年末
  • 票据行为包括哪4点
  • 股东分红缴纳个税时间
  • 股东权益增加额/期初净经营资产
  • 银行的抵债资产有几种处置办法
  • vue-html
  • 短期借款会计分录例题
  • 1.启动前端项目怎么做
  • 印花税需要交钱吗
  • 电子缴款凭证能代替完税证明吗
  • php框架symfony
  • vscode+live server——更改端口号——基础积累
  • 分享项目成果
  • 将织梦dedecms转换到wordpress
  • 库存盘点差异会计分录
  • js正数转负数
  • mongodb导出数据库数据文件
  • 电子回单可以入档案吗
  • 通行费电子发票的发票代码为多少位
  • 子公司借钱给母公司,未收取利息,要纳税吗
  • 税控盘减免税款怎么结转
  • 固定资产净残值和净值的区别
  • 残保金申报基数
  • 机票报销属于什么科目
  • 取得无形资产时增值税进项税额的处理
  • 短期借款的账务处理借增贷减
  • 发给客户的红包是什么费用
  • 筹建期间发生的长期借款利息费用计入财务费用
  • 进项发票和销项发票怎么抵扣
  • 实缴资本和注册资本的比例
  • 收到没有填税号的信息
  • 财产裁定书
  • 自动备份mssql server数据库并压缩的批处理脚本
  • windows7软件运行没反应
  • 组策略 guest
  • 电脑开机时出现红色三角形
  • linux下nanosleep() & sleep()的区别
  • 如何切换shell
  • centos7.0安装教程
  • win8系统搜索不到wifi
  • 耳朵前皮下有个小软包
  • angular创建项目命令
  • opengl详解
  • unity3d怎么用
  • python strip函数作用
  • js 竖线
  • javascript脚本大全
  • 江苏省电子税务局社保缴费查询
  • 一般纳税人销售收入分录
  • 电子发票专用章怎么设置
  • 怎么查询车船税缴费记录
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设