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

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

  • 购买办公用品合同模板免费
  • 实收资本印花税是一年一交吗
  • 有形资产租赁服务的税率
  • 合营企业和联营企业会计核算
  • 销售部的招待费计入什么费用
  • 固定收益款可以开增值税专票吗?
  • 仓库货物破损处理方法
  • 增值税专用发票有效期是多长时间
  • 印花税漏报了要罚款吗
  • 增值税附加税计入什么会计科目
  • 营改增后的增值税税目税率表
  • 托儿所幼儿园卫生保健工作规范2022
  • 计入成本的费用包括
  • 已交税的无票收入后期怎么补开发票?
  • 接受捐赠固定资产存货等有相关凭据的其成本按什么确定
  • 企业支付宝收款码怎么申请
  • 一般纳税人交税标准是多少
  • 软件公司客户经理一般月薪多少
  • 公司注销了是不是就不能用了
  • 白银及其制品出自哪里
  • 实收资本怎样入账
  • 苹果macos catalina10.15.7
  • 工资薪金所得个人所得税税率表
  • windows伪装电脑mac
  • 去掉右键菜单中的快捷键
  • 公司的实收资本是借款,但是利息由公司付,会计怎么做账
  • 百货商场会计账怎么做
  • 公司强制要求转部门合法吗
  • PHP:xml_parser_create()的用法_XML解析器函数
  • 应发工资扣税
  • 三方债权债务抵消如何开发票
  • 免税和免征增值税是一个意思么
  • 东洛锡安的金黄麦田,苏格兰 (© Scott Masterton/plainpicture)
  • 企业缴纳的所得税应以净利润为基础
  • 详解Yii2 定制表单输入字段的标签和样式
  • 朝夕教育怎么样
  • 生日快乐html5代码
  • opencv 边缘检测
  • php中input的用法
  • 其他应收款的核算范围包括
  • 非税收入票据是什么意思
  • 小规模纳税人开专票需要交税吗
  • 其他应付款的账户结构
  • sqlserver2008数据库定时备份
  • mysql备份原理
  • sql group by
  • 销售佣金的税务比例一般是多少啊
  • 税控服务费减免会计分录
  • 现代服务包括哪些内容是什么
  • 公司举办活动方案
  • 在SQL Server中使用存储过程的优点包括
  • 管理费用错账怎么处理
  • 免征水利建设基金条件
  • 银行转账凭证可以保留多久
  • 事业单位借款给下属单位
  • 递延收益什么科目
  • 服务类发票怎么做分录
  • 合同里包括产品和服务吗
  • 老板垫付工资账务处理
  • 小规模企业发票税率是多少
  • 外购货物分配给股东
  • mysql 5.7.16 winx64安装配置方法图文教程
  • 在linux中,要解包bugzilla.tar.gz
  • 空磁盘为什么有已用空间
  • linux命令文件移动并改名
  • linux怎么修改主配置文件
  • WIN10安装教程
  • mac安装nodejs的权限问题
  • android opengles2.0教程
  • js实现下拉框联动
  • unity开发安卓游戏教程
  • github上有什么
  • 台湾 游戏论坛
  • node中使用什么引入模块
  • javascripvoid
  • android xml文件有哪几种布局方式
  • 安卓手机 监听功能
  • wordpress开发文档
  • 重庆税务局发票作废
  • 杭州地税局办事大厅
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设