vue在history mode模式下页面刷新出现了Cannot GET

最新推荐文章于 2024-08-02 17:44:34 发布
最新推荐文章于 2024-08-02 17:44:34 发布
阅读量918 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45093753/article/details/127879892
版权

Webpack History模式 404错误 devServer historyApiFallback
关键词由CSDN通过智能技术生成

解决方法简单粗暴

就是在webpackconfigjs中新增一个这段代码,这时候刷新就不会出现Cannot GET

...
devServer:{
		historyApiFallback: true
	}
...

原因
在History mode下，如果直接通过地址栏访问路径，那么会出现404错误，这是因为这是单页应用（废话）…其实是因为调用了history.pushState API 所以所有的跳转之类的操作都是通过router来实现的，解决这个问题很简单，只需要在后台配置如果URL匹配不到任何静态资源，就跳转到默认的index.html

weixin_45093753
关注
vue项目启动出现cannot GET /服务错误的解决方法
10-15
主要介绍了vue项目启动出现cannot GET /服务错误的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue项目刷新页面显示Cannot GET
Deck_的博客
10-18 797
vue项目刷新页面显示Cannot GET
如何运行vue3并部署 并解决Cannot GET /的问题
最新发布
克里斯蒂亚诺更新的博客
08-02 184
如果要部署：npm run build。运行npm run dev。在package.json。
vue-router设置mode为history页面报Cannot Get
qq_29055201的博客
03-29 3023
场景 在开发环境中，觉得通过hash方式访问链接有点奇怪，就想使用history模式，于是在router/index.js设置： import Vue from 'vue' import VueRouter from 'vue-router' import routes from './routes' Vue.use(VueRouter) const router = new VueRouter...
phpstudy+TP5隐藏入口文件
qq_33407279的博客
07-28 389
apach <IfModule mod_rewrite.c> Options +FollowSymlinks -Multiviews RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^(.*)$ index.php?/$1 [QSA,PT,L] </IfModule> 打开 httpd.conf 配置文.
vue项目直接在地址栏输入路由地址显示cannot get xxx
qq_46370075的博客
01-29 2169
vue项目直接在地址栏输入路由地址显示cannot get xxx
vue设置history模式后页面刷新Cannot Get
大桶爆米花eee
06-03 2559
开发中，将mode模式改为history后，页面刷新显示Cannot Get const router = new VueRouter({ mode: "history", routes }); 原因： 在webpack.config.js中设置devServer项中historyApiFallback 解决办法： const config = { ... devServer: { // history模式下的url会请求到服务器端，但是服务器端并没有这一个资源文件，就会返回40
详解Vue路由History mode模式中页面无法渲染的原因及解决
08-29
在 History 模式下，vue-router 会监听浏览器的 popstate 事件，以便在用户前进或后退时更新视图。 2. 页面无法渲染： 当启用 History 模式时，如果直接访问某个路径（如 `sdp.driver.com/driver/`），可能会出现...
Vue下路由History模式打包后页面空白的解决方法
08-27
Vue下路由History模式打包后页面空白的解决方法 在 Vue 项目中，默认的路由模式是 Hash 模式，但是这种模式会带来一些问题，如 URL 中的 "#" 符号不美观，微信分享、授权登录等功能也会出现一些问题。 History 模式...
VUE 解决mode为history页面为空白的问题
10-16
在Vue.js应用中，`mode: 'history'` 是Vue Router的一种路由模式，它使得URL的改变不再依赖于`#`（哈希符号），而是基于HTML5 History API，提供了更友好的URL。然而，启用这一模式后，可能会遇到刷新页面时内容空白...
vue下history模式刷新后404错误解决方法
10-18
然而，在history模式下，当用户直接刷新页面时，服务器并不会像hash模式那样返回一个固定的hash值对应的页面，而是尝试返回实际的路径，这可能导致服务器返回404错误，因为这个路径并没有对应的后端资源。...
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
01-21
解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题，具体内容如下 一. 异常描述 本来使用的是vue-router的hash模式，但是hash模式下url需要带“#”符号，不仅看起来不舒服，而且有些场景下是会...
Vue路由history模式解决404问题的几种方法
12-10
vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话，我们可以使用路由的history的模式。比如如下网址：使用hash...
详解vuejs中执行npm run dev出现页面cannot GET/问题
10-15
主要介绍了详解vuejs中执行npm run dev出现页面cannot GET/问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
解决vue router使用 history 模式刷新后404问题
12-09
因为我们的应用是单页客户端应用，当使用 history 模式时，URL 就像正常的 url，可以直接访问http://www.xxx.com/user/id，但是因为vue-router设置的路径不是真实存在的路径，所以刷新就会返回404错误。 想要history...
vue-cli在 history模式下的配置详解
10-15
在history模式下，URL看起来更像传统的多页面应用程序，但实质上Vue Router仍然会拦截所有的路由，并通过前端JavaScript来决定显示哪个视图。这给用户带来更清晰的URL地址，但在生产环境中可能会遇到页面刷新返回404...
vue-cli3.x的各种问题
前端之行，任重道远！
07-20 599
今天打算写项目，创建vue脚手架后，创建路由时，路由无法显示，折腾了半天，终于解决了，在此进行记录。 刚运行时控制台出现警告： "export 'default' (imported as 'Vue') was not found in 'vue' 于是我进行搜索查询，找到了这篇博客 按照博客上的步骤进行操作，在运行npm uninstall -g @vue/cli时，报了如下错误： npm ERR! code EPERM npm ERR! syscall mkdir npm ERR! path C:\P
Vue项目中出现cannot get/的解决办法
林中明月间丶
01-08 8722
https://blog.csdn.net/tiantiandashi/article/details/81366315 听说是要重装安装request模块，执行： npm remove request npm install requset 搞定！感动天感动地。 npm run dev，去浪~ ...
vue项目出现 cannot GET/ 的问题总结
热门推荐
似水流年
10-15 4万+
1.没有报错，页面显示cannot GET,经过排查发现config/index.js里的dev做了改动。他想实现pc和移动端跳转，所以修改assetsPublicPath: '/m/'。在移动端访问直接走'/m/#'。直接npm run dev跑不起来，需要改成assetsPublicPath: '/'就好了。 2.报错node出现 Error: listen EACCES 0.0....
vue路由history模式刷新页面时页面丢失 Cannot GET /
06-09
在使用 Vue 路由的 history 模式时，当页面刷新时，会向服务器发送请求，由于路由地址被重写成了没有 # 的 URL，因此服务器会认为这是一个新的请求，而不是一个前端路由。如果服务器没有正确配置，就会返回一个 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值