vue项目中的webpack-dev-sever配置

最新推荐文章于 2024-12-15 17:16:00 发布

weixin_30838921

最新推荐文章于 2024-12-15 17:16:00 发布

阅读量132

点赞数

CC 4.0 BY-SA版权

文章标签： javascript webpack ViewUI

原文链接：http://www.cnblogs.com/yforward/p/8033817.html

本文介绍如何配置Vue项目使其能在同一局域网下的外部设备上被访问。通过修改项目的config/index.js文件中的host参数从localhost为0.0.0.0，可以实现这一目标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述：在vue项目中运行npm run dev启动服务器，然而在同一个局域网下的外部设备不能该服务器

解决方案：在项目的config文件夹下找到index .js中的host把默认的localhost更改为0.0.0.0，

然后外部设备就可以访问该项目启动的服务了（注意必须是在统一局域网下）

转载于:https://www.cnblogs.com/yforward/p/8033817.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30838921

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

运行webpack-dev-server报错

ChrisJin的博客

07-21

612

项目场景： package.json依赖：问题描述：运行webpack-dev-sever报如下错误： Cannot find module 'webpack-cli/bin/config-yargs' 解决方案：百度之后都是说webpack-cli 4.x与webpack-dev-server 3.x版本不兼容。需要将webpack-cli 4.x降低到webpack-cli 3.x 方案一解决方案如下：卸载webpack-cli 4.7.2, 安装webpack 3.3.12（3.X最高

Vue进阶（五十四）：vue-cli 脚手架 dev-server

2401_85124192的博客

06-11

1009

/ 把配置参数传递到webpack方法中，返回一个编译对象，这个编译对象上面有很多属性，自己去看吧，主要是用到里面的状态函数如compilation，compile，after-emit这类的。// 下面是webpack-dev-server 监听的端口号，因为没有设置process.env.PORT，所以下面监听的就是config.dev.port即8080。// 下面是代理表的处理方法，看看就行了，几乎用不上，除非你是全栈，不用webpack-dev-server，使用后台语言做服务器。

参与评论您还未登录，请先登录后发表或查看评论

vue项目初始化时npm run dev报错webpack-dev-server解决方法

weixin_30677475的博客

01-27

1244

vue项目初始化时npm run dev报错webpack-dev-server解决方法原因：这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好webpack-dev-server 版本需要从最新版本降低到如下版本,因为开始构建项目所用的插件版本太低（1）、npm uninstall webpack-dev-server（2）、npm install webpa...

vue@1.2.2 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.

weixin_44012027的博客

10-23

5264

Vue 启动报错 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! renren-fast-vue@1.2.2 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the renren-fast-vue@1.2.2 dev script. npm

vue第一次导入项目报错webpack-dev-server

weixin_45001200的博客

08-08

155

报错截图：分析：没有安装sass-loader，安装一下对应的版本就好，如果程序崩了把sass-loader先卸载在重装解决：在控制台输入如下对应的命令即可 npm uninstall sass-loader node-sass //卸载 npm install sass-loader@7.3.1 node-sass@4.14.1 --save-dev //安装对应的版本 ...

webpack配置报错vue

weixin_48431966的博客

06-06

561

** webpack配置启动:npm run dev报错dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.js vue启动报错解决因为webpack-dev-server版本和vue版本不一样，需要将webpack-dev-server卸载了，安装对应版本查看对应版本vue版本是 vue -V 注意：V是大写卸载:npm uninstall webpack-dev-server。安装：npm i w

在创建vue项目时出现'webpack-dev-server'的问题

星辰之嗨的博客

01-13

988

今天在创建一个兼职后台管理系统的vue项目时，由于在事先更新了vue-cli和vue。一番操作之后出现了’webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序或批处理文件的问题最后发现在项目文件夹下没有node_model子文件夹，通过cnpm install之后就行了。如果install之后还不行就将项目文件夹下的node_model文件夹删掉之后再输入命令。 ...

vue项目中的webpack-dev-sever配置方法

08-28

在Vue项目中，通常使用`vue-cli` 创建项目，`vue-cli` 已经默认配置了`webpack-dev-server`，但有时我们需要根据需求进行定制化配置。 1. **配置文件位置**：在Vue项目中，`webpack-dev-server` 的配置通常位于`...

Vue进阶（五十二）：vue-cli 脚手架 webpack

2401_84447390的博客

04-29

436

面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】96道前端面试题：常用算法面试题：内容主要包括HTML，CSS，JavaScript，浏览器，性能优化。

vue启动项目时报错：webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

张张张的博客

05-27

3208

前端运行项目时报错，排查一下以下这些原因： 1：首先检查config下的index.js的ip是否填写错误 2：有可能是依赖包的问题，可以吧文件夹中的node_modules删除，使用npm install或cnpm install重新引入。 3：检查一下npm，node，webpack的版本和项目的支持版本是否对应(项目中package.json可以看相关版本信息) 另外注意一下如果是mac本起项目报错：TypeError:fsevents is not a constructor,可..

Vue教程-4-Vue CLI快速入门

狼行千里吃肉

10-29

1248

目录 Webpack与脚手架 Vue cli使用安装CLI3 Vue-CLI2新建项目 Vue-CLI2目录结构扩展如何关闭ESLint规范？ Runtime + Compiler与Runtime-only区别 template解析流程 template工作流程结论 Vue-CLI3与Vue-CLI2的区别 Vue-CLI3新建项目 Vue-CLI3目录结构查看CLI3项目配置文件 UI配置：vue ui 修改配置文件直接新建配置文件版本为何与packag

Vue项目运行报错：解决webpack版本问题

qq_53446980的博客

10-10

6135

解决“Error: Rule can only have one resource source (provided resource and test + include + exclude)” 前面也会报错找不到 webpack ，在 package-lock.json 里查找之，发现安装的版本竟然是 5.1.0，而没有更新过依赖，可以正常编译的项目里都是 4.x。那基本可以确认了。步骤：先删掉 node_modules 和 package-lock.json 手动在 package.json

【quasar】‘quasar‘ 不是内部或外部命令，也不是可运行的程序

我的开源项目:https://gitee.com/derekgo/vue-cms_xg

12-22

3317

问题描述从git上clone了一条项目,npm install 后,运行quasar dev 出现找不到quasar错误问题原因 quasar没有安装解决流程 1.npm install -g @quasar/cli 2.quasar create test 3.把原本的quasar项目覆盖在创建的test文件内 4.再使用quasar dev就能运行成功了个人网站:https://www.php-china.com/blog/ 如有错误，请多多指教。如对你有帮助，给个赞吧。 ...

记录一次报错：‘nodemon’，‘quasar’不是内部或外部命令，也不是可运行的程序或批处理文件。

weixin_62353676的博客

03-14

905

到这里算是解决了：‘nodemon’不是内部或外部命令，也不是可运行的程序或批处理文件这个报错，然后还有‘quasar’不是内部或外部命令，也不是可运行的程序或批处理文件的问题，经过一番尝试，发现quasar与nodemon的问题如出一辙，心如死灰。这个时候弄了好久，已经很晚了，所以就不管了，明天再说。于是我就把所有版本node都卸载了，只留了一个要用的v18.18.0版本的node，然后在继续下载nodemon工具，发现还是报一样的错，并且此前删掉的16.20.0版本的node凭空出现了。

Rasa_nlu_chi：入门教程

Puzzle的博客

12-09

2339

1. 为防止版本兼容问题，创建Python虚拟环境链接：https://jingyan.baidu.com/article/b7001fe15d584c4e7282ddb2.html 1.1 创建一个文件夹（如pythonEnv），控制台进入该文件夹，运行 python -m venv . 1.2 完成后会在该文件夹下生成一些文件，控制台进入Scripts文件夹，运行activate即可 2. 安装jieba pip install jieba==0.41 ...

windows7 X64 安装quasar的坑

BOBAY的专栏

04-17

1599

由于现在办公用的电脑还是windows7,64位的系统，已经安装好了npm和yarn了，在同事的要求下用yarn安装quasar，如下： C:\Users\Administrator>yarn global add @quasar/cli yarn global v1.22.10 [1/4] Resolving packages... warning @quasar/cli > metalsmith > gray-matter > coffee-script@1.12.7: Co

【已解决】“xxx”不是内部或外部命令，也不是可运行的程序或批处理文件的方法