vue(npm run dev) 出现了 Cannot GET /

最新推荐文章于 2024-05-09 16:26:51 发布
最新推荐文章于 2024-05-09 16:26:51 发布
阅读量3.8k 收藏 1
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/magic_xiang/article/details/81226724
版权

在启动vue项目的时候(npm run dev)出现了一个Error

Cannot GET /

后来想了下是不是修改过哪里，原来是assetsPublicPath

在你的项目目录中找到  config/index.js 将assetsPublicPath: './' 改为 assetsPublicPath: '/'  

即把英文句号去掉，然后重新启动即可

 

vue项目启动出现cannot GET /服务错误的解决方法
11-21
出现 Cannot GET/： 控制台中并没有报错；npm run dev命令行窗口也没有报错。 原因 在网上查了一堆，发现这个问题还挺多呢，而且各个回答的解决方式都竟然有许多不同… 于是把能改的地方都改了…（基本上相当...
详解vuejs中执行npm run dev出现页面cannot GET/问题
10-15
主要介绍了详解vuejs中执行npm run dev出现页面cannot GET/问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
VUE使用npm run dev 报错Cannot GET /
CH_whale的博客
01-05 947
1. 报错如下 2. 解决方法 有两个环境配置：一个是build，一个是dev。 config/index.js里面修改，build:{assetsPublicPath:'./'} dev里面不需要修改,dev:{assetsPublickPath:'/'} 报错原因不明。
vue 使用npm run dev运行时报错Cannot GET /
qq_51393258的博客
05-08 1676
VUE 使用npm run dev运行时报错Cannot GET / 问题描述 运行VUE时没找到根路由` 在运行vue项目时报错：Cannot GET / 原因分析： 入口页面文件index.html没有放在根目录下 解决方案： 检查入口文件例如index.html是否在根目录下 查看project\build\webpack.dev.conf.js中入口文件配置是否正确 修改后，成功运行。 ...
项目运行npm run dev浏览器始终报cannot get /
Martin_i的博客
06-21 1958
问题描述：项目运行npm run dev浏览器始终报cannot get / 问题原因：打包后dist文件缺少默认index.html，导致404 解决办法：使用htmlWebpackPlugin生成index.html或者将项目根目录下面的index.html复制到dist目录下，另外需要额外设置一下contentBase，告诉服务器内容的来源。仅在需要提供静态文件时才进行配置。webpack开发环境配置如下： devServer: { contentBase: path.resolve
Vue项目npm run dev后 报错Cannot GET /
dt1991524的博客
06-29 1885
项目npm run dev后，没有报错！点击链接报错Cannot GET / 原因：因为项目中背景图片不显示问题，就把config/index.js里的dev: {assetsPublicPath: ‘/’,}改为assetsPublicPath: ‘./’ 。 解决方案： ...
npm run dev (明明有.vue文件)，却报错 cannot GET
草巾冒小子的博客
11-21 371
npm run dev (明明有.vue文件)，却报错 cannot GET
运行`npm run dev`后访问`http://localhost:8080`，页面提示`Cannot Get`
weixin_45912372的博客
03-06 1010
【代码】运行`npm run dev`后访问`http://localhost:8080`，页面提示`Cannot Get`
vue项目启动后页面显示‘Cannot GET /’
weixin_45721912的博客
05-09 3355
1、npm run dev命令启动项目的时候没有报错，页面打开却提示 Cannot GET / 2.这个时候只需要找到config文件夹下面的index.js文件。把assetsPublicPath字符串的：‘./’修改成 ‘/’就行了。修改完之后记得关闭项目，然后重新启动。不然不会生效
vue错误：Cannot GET /
m0_46250348的博客
07-27 456
一个页面写错导致
npm run dev出错
qq_40197100的博客
02-02 8112
是版本过低的原因： 试一下 卸载npm uninstall webpack-dev-server，在安装这个 npm i webpack-dev-server@2.9.7，我的可以正常启动了。
vue Cannot GET /的问题
weixin_41336523的博客
10-02 857
vue Cannot GET /的问题 再很久没有运行vue的某个项目的时候，npm run dev之后首页报错，用的是webpack-simple创建的项目，原因是不小心把这个删了 - -。真是粗心 ...
vue 出现 Cannot GET / 的问题
Macao7_W的博客
08-15 1766
vue 出现 Cannot GET / 的问题
vue启动服务Cannot GET /问题
菜菜的博客
09-01 1229
在启动vue项目时，出现Cannot GET /提示，原因是之前修改了config下index.js的assetsPublicPath 错误提示： Refused to load the image 'http://localhost:8075/favicon.ico' because it violates the following Content Security Policy direct...
Vue项目启动提示Cannot GET /
热门推荐
weixin_42486438的博客
09-09 1万+
1、初始化Vue框架，配置路由启动项目，控制台中并没有报错；npm run dev命令行窗口也没有报错，页面打开却提示Cannot GET / 2、网上查了下资料，有这几种解决方案： 1）、打包的时候会把config文件夹下的assetsPublicPath改成了 "./“ ，再次编译npm run dev却没有改回来 ，去掉 . 改回来就可以 2）、注释掉路由router文件夹下index.js的history模式 3）、把项目重新npm i...
vue项目出现 cannot GET/
weixin_43398729的博客
03-19 235
webpack.base.conf.js中的 publicPath配置问题 修改config>index.js里的assetsPublicPath删除 ‘.’ 修改前： 修改后：
vue项目启动之后出现cannot GET /
qq_31965515的博客
10-30 2362
但是能运行成功。 我看了一下命令行--结果是没有安装scss的加载器，解析scss的loder 安装scss-loader和node-sass 具体的请见---------在vue中使用sass的配置的方法https://blog.youkuaiyun.com/qq_31965515/article/details/81415244...
{ "version": "0.2.0", "configurations": [ { "type": "firefox", "request": "launch", "name": "Launch Firefox", "url": "http://localhost:3000/index.html", "webRoot": "${workspaceFolder}", "firefoxExecutable": "C:/Program Files/Mozilla Firefox/firefox.exe" } ] }打开页面后显示Cannot GET /index.html
最新发布
03-23
<think>嗯，用户遇到了在Firefox调试配置中访问http://localhost:3000/index.html时出现'Cannot GET /index.html'的问题。我需要帮他们分析可能的原因和解决方法。首先，应该检查服务器是否真的在运行，并且监听了正确的端口。用户可能忘记启动服务器，或者端口被占用，导致无法响应请求。 接下来，文件路径是否正确也是一个关键点。比如，webroot配置是否有误，导致服务器找不到index.html文件。需要确认文件是否存在于指定的目录中，路径是否大小写敏感，尤其是在某些操作系统中。 然后，检查VS Code的launch.json配置是否正确。这里可能需要用户确认url参数是否正确设置，是否指向了正确的端口和路径。另外，Firefox的调试器配置是否有问题，比如是否启用了必要的插件或设置。 还有可能是服务器的路由配置问题。例如，某些框架需要显式定义路由才能访问静态文件，如果没有正确配置，即使文件存在，服务器也无法正确返回。这时候需要检查服务器端是否有处理根路径或静态文件的路由。 另外，浏览器缓存也可能导致这个问题。有时候即使服务器已经更新，浏览器可能还在加载旧版本，或者缓存了错误的响应。清除缓存或使用隐私模式访问可能会有帮助。 用户提到的引用中有关于webpack-dev-server的默认打开地址是http://0.0.0.0:8090，这可能和用户使用的端口3000不同，需要确认服务器配置的端口是否正确。还有Docker相关的命令，虽然用户的问题可能不直接相关，但如果他们在容器环境中运行服务器，可能需要检查端口映射和容器配置。 总结下来，解决步骤应该是：确认服务器运行状态，检查文件和路径配置，验证VS Code和Firefox的设置，排查路由问题，清除缓存，最后考虑环境配置如Docker或防火墙的影响。逐步排除这些可能性，应该能找到问题所在。</think>### 解决 Firefox 调试配置中“Cannot GET /index.html”问题的方法 #### 1. 确认服务器运行状态 - **检查本地服务器是否启动** 确保通过 `npm start`、`webpack-dev-server` 或自定义脚本启动了本地服务器。例如，若使用 `webpack-dev-server`，默认可能监听 `http://0.0.0.0:8090`[^1]，需确认端口是否为 `3000`。 ```bash # 示例：通过 npm 启动服务器 npm run start ``` - **验证端口占用** 使用命令检查 `3000` 端口是否被占用： ```bash # Linux/Mac lsof -i :3000 # Windows netstat -ano | findstr :3000 ``` --- #### 2. 检查文件路径配置 - **确认文件存在性** 确保 `index.html` 位于项目根目录或配置的 `webroot` 路径下。例如，若 `webroot` 设置为 `./dist`，则文件路径应为 `./dist/index.html`。 - **验证 VS Code 配置** 检查 `launch.json` 中 `url` 和 `webRoot` 参数： ```json { "type": "firefox", "request": "launch", "name": "Debug Localhost", "url": "http://localhost:3000/index.html", "webRoot": "${workspaceFolder}/dist" // 路径需与实际目录匹配 } ``` --- #### 3. 排查路由配置问题 - **静态资源服务器配置** 若使用自定义服务器（如 Express），需显式定义静态文件路由： ```javascript const express = require('express'); const app = express(); app.use(express.static('dist')); // 指向 webroot 目录 app.listen(3000); ``` --- #### 4. 清除浏览器缓存 - 在 Firefox 中按 `Ctrl+Shift+R`（Windows）或 `Cmd+Shift+R`（Mac）强制刷新页面。 - 尝试在隐私模式下访问 `http://localhost:3000/index.html`。 --- #### 5. 其他可能原因 - **防火墙/代理限制** 确保防火墙未阻止 `3000` 端口，且代理设置未干扰本地请求。 - **容器化环境问题** 若通过 Docker 运行服务（如引用中的 `docker run` 示例[^3]），需检查端口映射： ```bash docker run -p 3000:3000 my-image ``` --- ### 相关问题 1. 如何配置 VS Code 调试器支持不同前端框架（如 React/Vue）？ 2. 如何解决 `webpack-dev-server` 的热更新失效问题？ 3. 本地服务器返回 404 错误时，如何快速定位资源路径问题？ : 引用[1]: ok，可以看到webpack-dev-server在我们demo中如果open=true的话是默认打开“http://0.0.0.0:8090”。 : 引用[3]: docker run -i -t --name mytest remnux/thug /bin/bash
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值