vue dev和serve区别

文章讨论了npmrundev和npmrunserve在Vue项目中的区别,指出它们通常是基于不同版本的vue-cli配置的。当拿到新项目时,需要接口地址,并检查package.json配置,特别是baseURL以确保正确连接到后端服务。如果遇到问题,可能需要重启项目来解决。
摘要由CSDN通过智能技术生成

最近做了俩项目,一个是npm run serve 运行,一个是npm run dev运行,脑海中浮现了这个问题:

npm run dev 和 npm run serve 的区别是脚手架的区别吗?

首先这个是可以自己webpack配置

dev 是vue-cli2, serve 是vue-cli3

群友说:这玩意儿不是,这packge.json里自己配置的吗,能有什么区别?

这只是一个node指令不是,

我喜欢的话还可以让指令变成npm run coderht

默认是dev 和 serve ,然后可以自己设置

到此算是理解了


在此再记录一下另一个问题:

拿到一个项目如何让他跑起来

找后端要一个接口地址:eg:192.168.124.60:8080

然后看package.json里面的配置:

项目跑起来了:

此时项目跑起来了,但是一直在转圈,啥也没出来

打开resquest.js 查看baseURL值

这个时候如果还是不行,就重启再试

重启后就没问题了

半个开心果
关注 关注
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
vue devServer.proxy代理,统一后端域名配置和跨域解决
向宇
07-21 1708
vue devServer.proxy代理,统一后端域名配置和跨域解决,在实际开发过程中,前后端分离必定会存在跨域,配置同意域名,设置代理解决这个问题。—— 向宇
说到用npm调试vue,我以为是新建命令后,再npm run devserve就可以,却发现不可以
weixin_40945354的博客
04-01 304
新建了一个qq.html代码,发现不行 <!DOCTYPLE html> <html> <head> <title> 222222 </title> </head> <body> <div id ="counter">Counter: {{ counter }}</div>
关于Vue执行命令devserve
学习使我快乐_玉祥
08-16 2657
devvue-cli2版本的命令,它有它自己的config文件夹,build文件夹 servevue-cli3版本的命令,它不需要config,build文件夹,而是以vue.config.js配置文件的形式代替。 因此,如果你创建的是vue-cli3版本的Vue项目,想用dev命令,会涉及到很多的插件不兼容,以及这些配置文件缺失的情况,是个旋涡坑........,既然创建了3版本就用serve即可......。 ...
vuedevServer
qq_42692714的博客
04-29 6068
vue项目根目录中创建一个js vue.config.js module.exports = { runtimeCompiler: true, devServer: { proxy: { // 匹配请求路径中的字符, // 如果符合就用这个代理对象代理本次请求,路径为target的网址, // chang...
devServer和dev区别,及vue代理接口的使用
轻风细雨_林木木
03-22 2576
基本思路: 使用proxyTable就是代理服务接口。 使用: 相当于获取对应的(正则匹配的)接口,然后重新代理到指定的target处。 项目配置文件config.js 或者 config.index.js module.exports = { ······ dev: { env: require('./dev.env'), port: 8080, autoOpenBrowser: t...
vue让你理解npm run dev 和 npm run serve
热门推荐
夏末、阳光依然耀眼...˜˜羽悠﹏ˇ⊙ˇ
08-12 2万+
npm run devvue-cli2.0版本使用的npm run servevue-cli3.0版本使用的 dev build serve? 在我们运行一些 vue 项目的时候,输入npm run serve或者 npm run dev的其中一个时,系统会报错,然后我们就特别好奇,npm run serve 和 npm run dev 到底有什么区别。 其实 npm run dev 或者是 npm run serve 等 npm run xxx 并不是一定要这么写。 npm run...
npm run dev/serve区别,以及build和lint的作用
qq_44648936的博客
03-05 1万+
一、devserve区别 这两个的作用都是启动项目,但是如果启动报错,就大概率是因为Vue-cli的版本不同 主要使用哪个启动项目要查看package.json中的scripts内容,如果是dev,则使用npm run dev,但如果是serve,则使用npm run serve 二、build和lint的作用 build:作用就是打包 lint:作用是修复错误的配置 ...
浅谈vue-cli加载不到dev-server.js的解决办法
11-28
然而,在更新到较新的VueWebpackTemplate时,可能会遇到“vue-cli加载不到dev-server.js”的问题。这是因为旧版本中,开发服务器的配置通常在dev-server.js文件中,但新版本已经移除了这个文件,转而使用webpack.dev...
Vue启动项目使用npm run dev还是用npm run serve
weixin_45566730的博客
06-16 2232
使用npm run dev还是npm run serve有两点原因 1. 脚手架版本号 vue-cli2使用npm run dev vue-clie3以上版本使用npm run serve 2. 配置问题 如果安装的是vue-cli3可以将vue-cli2拉过来即在使用npm install -g @vue/cli安装完成脚手架之后输入命令npm install -g @vue/cli-init,然后再vue项目中的package.json中进行如下配置 "scripts": { "dev": "
package.json ----npm run serve 和 npm run dev区别
diaolove的博客
11-30 1583
今天我发现我用两条命令运行有一个命令会发生错误 用npm run server 又不报错 ,同样是运行命令 解决方案: 打开项目配置文件找到 scripts:执行 npm 脚本命令简写,在命令行中通过执行npm run+变量来执行这段脚本 把“server”修改成“dev” ,你用npm run dev 就不会报错了 反过来你想用npm run server 就改成“server” 扩展:package.json 文件配置说明 name:项目/模块名称,长度必须小于等于2...
vue devServe 配置读取本地json数据
逆水行舟,不进则退
02-17 1326
vue devServe 配置读取本地json数据 1.新建mocks目录,新增 aqi-beijing.json 文件,index.js 文件 目录结构 2.编辑 index.js const Mock = require('mockjs') //mockjs 导入依赖模块 const util = require('../src/utils/file') //自定义工具模块 //返回一个函数...
npm run dev/serve区别
超级无敌王大侠的博客
04-03 378
此命令通常用户在开发环境中启动项目。它会在本地启动一个服务器,并使用未编译的源文件进行部署。这样可以方便开发者调试和修改代码。此命令通常用于在生产环境中启动项目。它会在本地启动一个服务器,并使用编译后的文件进行部署。
Vue2中的devServer.proxy配置详解
qq_45973155的博客
12-29 3766
在上面的配置中,我们将所有以/api开头的请求代理到后端服务器。在Vue2中,devServer.proxy是一个非常重要的配置项,它允许开发者将某些特定的API请求代理到后端服务器,从而实现前后端分离的开发模式。为了解决这个问题,我们可以通过代理的方式将前端请求转发到后端服务器,从而实现前后端的通信。除了基本配置外,devServer.proxy还支持更多的高级配置选项,以满足更复杂的需求。在Vue2中,我们可以在vue.config.js文件中对devServer.proxy进行配置。
vue2 通过设置devServer.port端口号,启动测试服务后端口失效/自动切换端口
最新发布
经验之谈,不做搬运工
04-28 729
vue2 设置端口号小于1990(通过设置devServer.port) 启动测试服务后端口失效/自动切换端口。
vue-vue2脚手架12-配置代理(devServer:proxy)
飘然渡沧海的博客
11-20 2430
vue-vue2脚手架12-配置代理 ajax跨域问题 1. 纯js版本 xhr new XMLHttpRequest xhr.open xhr.send 2.jQuery $.get $.post (80%都是封装dom操作,vue的作用就是封装dom) 3.axios 对xhr的封装,作者推荐使用 4.fetch 在ie上兼容较差 使用axios : npm i axios 跨域问题解决 1.cors 服务端在请求添加ht
npm run dev 与npm run serve区别
wsrzsfgst的博客
12-20 4062
这个命令的目的通常是启动开发环境,提供一个方便的方式来进行开发,并且可以根据项目的特定需求进行自定义配置。启动一个 webpack-dev-server,该服务器会监听文件的变化并实时重新加载页面,支持热重载(Hot-Reload),方便开发人员在开发过程中进行实时调试和预览。)以及实现方式可能因项目而异,这是一种通用的命名约定,但实际使用时还需要查看项目文档或者配置文件来确定具体的含义和功能。是在开发阶段使用 npm 运行脚本的两种常见命令,它们的区别主要在于脚本的配置和执行方式。
vue2利用axios调用后端接口,并配置devServer.proxy实现跨域显示数据;代理后出现404问题
QWY1285236058的博客
10-28 4058
vue2利用axios调用后端接口,并配置devServer.proxy实现跨域显示数据;代理后出现404问题
理解npm run dev 和 npm run serve区别
m0_46638350的博客
02-27 2441
dev 是一个在 package.json 文件中 scripts 部分定义的一个脚本命令的名称。通常,这个名称 dev 是开发环境的简写,意味着这个命令通常用于启动开发服务器或进行开发相关的任务。run 是 npm 的一个子命令,用于执行在 package.json 文件的 scripts 部分定义的脚本。npm 是 Node.js 的包管理器,它允许你安装、更新、删除和管理 Node.js 的模块和应用程序。
vue2.9版本没有dev-server.js编写moke
weixin_42427897的博客
11-07 348
vue2.9编写moke vue2.9版本更新后没有dev-server.js。咱们先找到build文件夹中的webpack.dev.conf.js文件。 1.引入express 2. 请求server 代码如下: const express = require('express') const app = express()//请求server var appData = require('./...
Vue中npm run dev 和 npm run serve区别
07-29
Vue中,`npm run dev`和`npm run serve`是两个常用的命令,它们的区别如下: 1. `npm run dev`:这个命令是在开发环境下运行Vue应用。它会启动一个开发服务器,并在代码发生变化时自动重新构建和刷新页面。这个命令通常用于开发阶段,方便开发人员实时预览和调试应用。 2. `npm run serve`:这个命令也是在开发环境下运行Vue应用,与`npm run dev`相似。不过,与`npm run dev`不同的是,`npm run serve`命令不会执行额外的构建步骤,而是直接从已经构建好的文件中提供静态服务。这个命令适用于在开发阶段中,希望查看最终构建结果或者与其他后端服务集成的情况。 总结起来,`npm run dev`会在运行时进行动态构建和热更新,而`npm run serve`则是直接提供已经构建好的静态资源。在大多数情况下,你可以使用其中任意一个进行开发,具体使用哪个取决于你的需求和偏好。
写文章

分类专栏

  • echarts 2篇
  • vue 19篇
  • javascript 20篇
  • element 1篇
  • el-date-picker 1篇
  • word 1篇
  • vue-cli 1篇
  • natapp 1篇
  • webpack  2篇
  • webpack --version 1篇
  • iconfont 1篇
  • iframe 2篇
  • 导航  菜单 1篇

最新评论

  • echarts 柱形图 只有一条数据 靠左显示

    一只努力攀爬的蜗牛: 我试过,好像不行,Ant Design Charts-v1.4.2 官网分组柱线图表demo: const DemoDualAxes = () => { const uvBillData = [ { time: '2019-03', value: 350, type: 'uv', }, { time: '2019-03', value: 220, type: 'bill', }, ]; const transformData = [ { time: '2019-03', count: 800, }, ]; const config = { data: [uvBillData, transformData], xField: 'time', yField: ['value', 'count'], geometryOptions: [ { geometry: 'column', isGroup: true, seriesField: 'type', columnWidthRatio: 0.4, label: {}, color: ['#5B8FF9', '#5D7092'], }, { geometry: 'line', color: '#5AD8A6', }, ], }; return <DualAxes {...config} />; };

  • echarts 柱形图 只有一条数据 靠左显示

    半个开心果: 没有内容应该就没有提示了吧

  • echarts 柱形图 只有一条数据 靠左显示

    半个开心果: 分组的也可以呀 举一反三

  • echarts 柱形图 只有一条数据 靠左显示

    一只努力攀爬的蜗牛: 大佬,如果是分组柱线图表呢,只有一条数据,怎么让靠左展示呢

  • NATAPP 访问vue-cli启动的项目

    半个开心果: 是不是不稳定,还是说有啥其他报错

最新文章

  • vue methods 函数为啥不能是箭头函数
  • 常见的几种echarts类型
  • element table 点击按钮 表格滚动条移动
2024年3篇
2023年21篇
2022年34篇
2021年6篇
2020年17篇
2019年11篇

目录

目录

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

玻璃钢生产厂家上海正宗玻璃钢雕塑免费咨询北京景观玻璃钢雕塑联系方式定西玻璃钢卡通雕塑订做景观透明玻璃钢雕塑生产厂家中式玻璃钢雕塑制作厂家商场外广场 美陈布置方案漳州昭通户外玻璃钢花盆定制中山人物玻璃钢雕塑图片宜春景区玻璃钢雕塑市场中山玻璃钢雕塑价格表崭新的熊猫玻璃钢雕塑大型玻璃钢雕塑哪家有名深圳超市商场美陈制造福州模压法玻璃钢雕塑生产阳江商场美陈卡通雕塑玻璃钢雕塑的制作详细过程梅州玻璃钢园林雕塑淮安玻璃钢广场雕塑商场大型毛绒美陈广州商场美陈供应商咸阳市玻璃钢雕塑商场美陈会飞的海豚雕塑用玻璃钢还是树脂玻璃钢雕塑直销厂家景洪市玻璃钢雕塑公司六角玻璃钢花盆模具价格茂名玻璃钢雕塑推荐厂家景洪市玻璃钢雕塑哪里有卖福建秋季商场美陈价格玻璃钢雕塑树香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化