webpack server自动打包后，服务器显示can not get解决

最新推荐文章于 2023-08-07 23:24:44 发布
原创 最新推荐文章于 2023-08-07 23:24:44 发布 · 1.7k 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#webpack #服务器 #前端

本文介绍了在使用webpack-dev-server时遇到的问题及解决方法。当浏览器访问localhost：8080出现错误时，可能是由于默认静态目录设置不正确导致。本文详细解释了如何正确配置静态资源路径。

在做练习的时候使用webpack server自动打包。命令行中显示运行成功，但是浏览器中输入

localhost：8080一直显示错误。

原因：webpack-dev-server默认静态目录是public，如果原来的文件没有放在public目录下，那么服务器是找不到文件的.

我的html和js文件都是放在的src目录下。命令行运行如下：

npx webpack server --static src

问题解决

webpack坑好多啊

appleguess
关注
从零开始一步一步搭建 Vue3 + Webpack5 项目脚手架指南
m0_61486963的博客
09-12 3488
从零开始一步一步搭建 Vue3 + Webpack5 项目脚手架指南
webpack面试题
fmk1023的博客
03-15 389
1.你知道webpack的作用是什么吗？
webpack server，服务器显示can not get 或者文件目录--方案解决
BBEter的博客
10-08 583
bug
Webpack 自动打包 出现 Cannot GET/
T8682828的博客
10-19 2054
Webpack 自动打包 出现 Cannot GET/
解决使用webpack-dev-server打包后，浏览器显示Cannot GET /
qq_55817438的博客
06-11 2325
解决使用webpack-dev-server打包后，浏览器显示Cannot GET /
使用 webpack-dev-server页面提示can not get/
业余前端的职业经历
02-29 2394
这个时候 如果你的webpack配置没啥问题 而且 npm run build打包后也没问题的话　 就去看看的你　输出的html文件 是不是index.html 网站默认寻找路径是 index.html 其他名字的html 服务器是不会找到的 new HtmlWebpackPlugin({ template:'./index.html', // 模板文件 filename:'index.ht...
使用webpack插件webpack-dev-server 出现Cannot GET/的解决办法
weixin_42936434的博客
08-07 809
使用webpack插件webpack-dev-server 出现Cannot GET/的解决办法
webpack实战之（手把手教你从0开始搭建一个vue项目）
vv_bug
07-27 1871
前言 我们前面从前端架构： 前端框架系列之（装饰器Decorator） 前端框架系列之（vue-class-component） 前端框架系列之(vue-property-decorator) 前端框架系列之（mvc） 前端框架系列之（mvp） 前端框架系列之（mvvm） 到项目工程化工具eslint、babel、webpack等，分别结合demo跟源码做了具体的分析： 前端框架系列之（eslint源码解析） 前端框架系列之（eslint自定义插件） babe从入门到精通 … webpack源码解析七
webpack源码解析四
vv_bug
07-12 1754
前言 我们接着前面的文章webpack源码解析二继续往下探索webpack的配置，demo的github地址：https://github.com/913453448/webpack-demo.git。 DevServer webpack的devServer配置主要是针对webpack/**webpack-dev-server跟webpack/webpack-dev-middleware**的配置，因为webpack-dev-server依赖webpack-dev-middleware。 我们首先在我们的因
Webpack从入门到进阶（一）---附沿路学习案例代码
wuyxinu的博客
02-28 1797
Webpack从入门到进阶（一）—附沿路学习案例代码 一、Webpack简介 1、前端发展的几个阶段 无论是作为专业的开发者还是接触互联网的普通人，其实都能深刻的感知到Web前端的发展是非常快速的 对于开发者来说我们会更加深有体会； 从后端渲染的JSP、PHP，到前端原生JavaScript，再到jQuery开发，再到目前的三大框架Vue、React、Angular； 开发方式也从原来的JavaScript的ES5语法，到ES6、7、8、9、10，到TypeScript，包括编写CSS的预处理器
详解vuejs中执行npm run dev出现页面cannot GET/问题
11-21
1.问题描述 最近用vue-cli搭建了一个小项目,其中在对项目进行打包测试时修改了webpack.base.conf.js中的配置信息,之后再用npm run dev之后出现如下的情况: 1.浏览器中无法呈现已有页面,并且在浏览器控制台中报404错误 2.命令窗口中并没有报错 其中有人说是路由等问题,后来通过创建新的项目对比配置文件信息,发现是配置信息导致: 注释部分是打包时需要修改的地方(根据打包时网站根目录,这个没处理好可能会出现图片路径加载失败问题),而上面才是在开发环境下需要的配置信息(怪自己没留意,坑了自己),之后就可以正常跑了… 由于有多个网友反映并没有修改上面
webpack(自动打包)页面报错Cannot GET /
egg_er的博客
04-19 2691
webpack(自动打包)页面报错Cannot GET / 安装 webpack 自动打包工具以后 ，也配置完毕 ，但是打开页面以后显示的是 ： 解决办法： 在webpack.config.js文件中 module.exports 对象下 添加以下代码即可: module.exports = { // 设置打包模式 mode: 'development', // 修改默认打包路径 entry: path.join(__dirname, './src/index.js'
webpack使用webpack-dev-server包出现Cannot GET /的原因和解决方法
pursuedream6的博客
02-16 1125
webpack-dev-server默认访问的是public目录下的index.html,但项目结构如下图，没有此目录和文件。解决方法:在webpack.config.js里添加。static:“./src”,// 修改默认访问目录。
webpack打开网页显示cannot get /
qq_49320955的博客
09-29 835
webpack打开网页显示cannot get / 在webpack.config.js的devServer中添加以下代码以显示当前项目的目录结构
继上文webpack打包上线找不到静态资源(publicPath)
weixin_47426048的博客
04-28 3032
webpack 配置 publicPath的理解 　　在学习webpack的时候，配置文件中有一个publicPath属性，一直不是很明白它到底是怎么用，也查了很多资料，得到最多的说法是当打包的时候，webpack会在静态文件路径前面添加publicPath的值，当我们把资源放到CDN上的时候，把publicPath的值设为CDN的值就可以了。但是在使用webpack 进行开发的时候，得到的结果却和该说法不是很一致，经过一段时间的摸索，好像是懂了一点点，至少在简单的配置中不会报错，在这里记一下，做一个总结.
PHP 开发 三（流程控制，函数）
05-24 707
文章目录流程控制一. 顺序结构二. 分支结构三. if分支3.1 简单if结构3.2 标准if结构3.3 复杂if结构3.4 嵌套结构四. switch分支五. 循环结构5.1 while循环5.2 for 循环5.2 foreach 循环5.3 do-while 循环六. 循环控制七. HTML 标签语法函数一. 函数内存分析 与 形参实参概念1.1 一个模块化代码基本步骤流程1.2 函数的参数二. 参数传值方式三. 返回值四. 函数规则 流程控制 概念 顺序结构：代码按顺序执行 分支结构：写好代码，按
webpack-dev-server 运行后,localhost:8080显示Cannot get
qq_55817438的博客
05-21 1471
解决webpack-dev-server 运行后,localhost:8080显示Cannot get
入侵检测——WebCrack
LainWith的博客
07-02 3305
WebCrack是一款web后台弱口令/万能密码批量检测工具，在工具中导入后台地址即可进行自动化检测。项目地址：https://github.com/yzddmr6/WebCrack就拿dvwa的登录页面来测试一下 明明都爆破出dvwa的默认密码了，最后结果却显示失败，只能说作者对于爆破成功的判断标准很有待提升。关于弱口令的检测问题，并不是WebCrack的作者能力不足，而是这个东西确实不好做， Tide安全团队曾经也做过相关工具，评价是：相关文章参见：Web弱口令通用检测方法探究 但是吧，这个问题也不
Webpack基本使用及操作
qq_44866810的博客
03-11 329
Webpack基本使用及操作
Webpack打包后自动SCP部署到服务器插件介绍
资源摘要信息:"本资源提供了一个Webpack插件，主要功能是在Webpack打包完成后，通过SCP（Secure Copy Protocol）协议将打包好的文件上传到远程服务器。使用该插件的前提是远程服务器必须支持SCP传输协议，通常这意味...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值