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

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

  • 秀米怎么直接用别人的排版(秀米怎么直接用免费风格排版模板)

    秀米怎么直接用别人的排版(秀米怎么直接用免费风格排版模板)

  • 小米10至尊纪念版支持的快充是多少w(小米10至尊纪念版)

    小米10至尊纪念版支持的快充是多少w(小米10至尊纪念版)

  • 未受信任的企业级开发者怎么解决(未受信任的企业级开发者会盗取信息吗)

    未受信任的企业级开发者怎么解决(未受信任的企业级开发者会盗取信息吗)

  • 微信怎表情包怎么添加(微信表情包怎么制作)

    微信怎表情包怎么添加(微信表情包怎么制作)

  • 电子书212ppi够用吗(电子书多少寸合适)

    电子书212ppi够用吗(电子书多少寸合适)

  • 华为荣耀20pro手机怎么卸载手机桌面的东西(华为荣耀20pro手机参数配置)

    华为荣耀20pro手机怎么卸载手机桌面的东西(华为荣耀20pro手机参数配置)

  • 微信付款怎么付不出去(抖音上用微信付款怎么付)

    微信付款怎么付不出去(抖音上用微信付款怎么付)

  • 视频聊天没有声音怎么回事(视频聊天没有声音怎么解决)

    视频聊天没有声音怎么回事(视频聊天没有声音怎么解决)

  • mimodownload文件夹能删除吗(mimodel文件)

    mimodownload文件夹能删除吗(mimodel文件)

  • 钉钉会议人数上限(钉钉会议人数上限是多少2022)

    钉钉会议人数上限(钉钉会议人数上限是多少2022)

  • 安装微信显示应用未安装怎么回事(安装微信显示应用未安装)

    安装微信显示应用未安装怎么回事(安装微信显示应用未安装)

  • 有线耳机连不上手机(华为有线耳机连不上)

    有线耳机连不上手机(华为有线耳机连不上)

  • 小米10微距拍照模糊(小米微距拍照技巧)

    小米10微距拍照模糊(小米微距拍照技巧)

  • 美拍登录不了怎么回事(美拍登不上原来的号怎么办)

    美拍登录不了怎么回事(美拍登不上原来的号怎么办)

  • 微信显示对方账号存在风险是什么意思(微信显示对方账号已注销是什么意思)

    微信显示对方账号存在风险是什么意思(微信显示对方账号已注销是什么意思)

  • 号码停机怎么恢复正常(号码停机怎么恢复使用)

    号码停机怎么恢复正常(号码停机怎么恢复使用)

  • 字符常量合法的是(字符串常量的合法形式)

    字符常量合法的是(字符串常量的合法形式)

  • 公众号多久不用会注销(如何开通公众号)

    公众号多久不用会注销(如何开通公众号)

  • 苹果充电接口叫什么(换一个苹果充电口多少钱)

    苹果充电接口叫什么(换一个苹果充电口多少钱)

  • ios11.2.6更新了什么(苹果更新11.26)

    ios11.2.6更新了什么(苹果更新11.26)

  • vivox23充电多久充满(vivox20充电多久)

    vivox23充电多久充满(vivox20充电多久)

  • 苹果x id有锁什么意思(iphonex有id锁值多少钱)

    苹果x id有锁什么意思(iphonex有id锁值多少钱)

  • 金税盘锁死如何解锁(金税盘锁住了怎么办)

    金税盘锁死如何解锁(金税盘锁住了怎么办)

  • 港版airpods大陆保修吗(港版的airpods和国行的区别)

    港版airpods大陆保修吗(港版的airpods和国行的区别)

  • 快影怎么剪辑视频(快影怎么剪辑视频中的一段)

    快影怎么剪辑视频(快影怎么剪辑视频中的一段)

  • 微信号没绑定手机号怎么找回密码(微信号没绑定手机号登不上去怎么办)

    微信号没绑定手机号怎么找回密码(微信号没绑定手机号登不上去怎么办)

  • Redis的两种持久化方案 RDB & AOF(redis两种持久化方式的优缺点)

    Redis的两种持久化方案 RDB & AOF(redis两种持久化方式的优缺点)

  • Openlayers 快速上手教程(openlayers6教程)

    Openlayers 快速上手教程(openlayers6教程)

  • 增值税发票综合服务平台验证口令失败
  • 土地增值税特点不包括
  • 间接税和直接税哪个容易转嫁
  • 金蝶怎么冲减之前的费用
  • 仓库出入库账本图片大全
  • 自然人个税申报换电脑数据怎么合并
  • 未担保余值列报
  • 预收货款存入银行分录
  • 民办非企业单位是什么单位性质
  • 私车公用税务政策性文件
  • 开具红字发票无蓝字发票如何网上申报?
  • 上海航交所官网
  • 退税勾选后如何开红字
  • 专项发票和普通发票的税点
  • 小汽车的消费税征税环节
  • 汇算清缴时多缴的企业所得税怎么做会计分录
  • 股东转让股份怎么转让
  • 怎么向个体工商户贷款
  • 买卖交什么税
  • 路由器怎么设置2.4g网络
  • 调整上年度多计提的附加税
  • 关闭windows安全中心拦截
  • php与jquery
  • 天猫的软件服务费指的是什么
  • 鸿蒙系统如何隐藏文件
  • 经营免租期是什么意思
  • 哪些发票不可以通过数电平台开具
  • 会计核算是什么岗位
  • 城镇土地使用税纳税义务发生时间
  • vue word editor
  • php第三方包
  • 滤波方案
  • nodejs如何与前端交互
  • 微信小程序开发
  • 一文看懂华为新品发布会
  • 针对多用户实现什么功能
  • 随货赠品会计处理
  • 违约金税目
  • 售后租回交易的第二年利息怎么算
  • 劳动保护的各项支出列入工资总额的范围吗
  • 计提增值税的会计凭证
  • odbc api
  • mysql卡住了
  • 取得交易性金融资产的交易费用
  • 大货车怎样申请报废
  • 公司固定电话费用挂哪个科目
  • 已认证发票作废是购买方申请吗
  • 销售免税项目
  • 对公可以转个人账户货款吗
  • 付款后没有发票怎么办
  • 农产品成本包含所消耗的物资费用
  • 利息收入是不是企业的收入
  • 一般纳税人销售使用过的固定资产
  • 收入成本的确认条件
  • mysql批量执行sql文件
  • mysql+php
  • win10预览版和正式版区别
  • xp系统经常未响应怎么办
  • centos6开机启动服务
  • win8平板触摸键盘没反应
  • win10预览版好吗
  • win10预览版桌面图标和任务栏不翼而飞怎么办?
  • windows7屏幕颠倒
  • cocos jsc
  • javascript创建对象
  • 批处理教程(最全版).pdf免费
  • 页里面 CDATA的作用说明
  • perl 运算
  • nodejs数据库数据渲染
  • css中清除浮动的方法
  • jquery ul li
  • javascript点击按钮改变字体颜色
  • 用python简单代码
  • jquery获取文件大小
  • js性能优化方法
  • [推荐]抖音上那些好看的视频和有才的帐号
  • 广东省电子税务局app下载手机版
  • 全年一次性奖金怎么申报个税
  • 浙江省有多少家农业银行
  • 国税优盘安装教程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设