配置例子
注意：下列示例假设你在根目录服务这个应用。如果想部署到一个子目录，你需要使用 Vue CLI 的 publicPath 选项 (opens new window) 和相关的 router base property (opens new window)。你还需要把下列示例中的根目录调整成为子目录 (例如用 RewriteBase /name-of-your-subfolder/ 替换掉 RewriteBase /)。

宝塔项目配置文件里加s

nginx

nginx
location / {try_files $uri $uri/ /index.html;
}

Apache

Apache
<IfModule mod_rewrite.c>RewriteEngine OnRewriteBase /RewriteRule ^index\.html$ - [L]RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule . /index.html [L]
</IfModule>
除了 mod_rewrite，你也可以使用 FallbackResource

vue 页面刷新404相关推荐

解决vue页面刷新或者后退参数丢失的问题
解决vue页面刷新或者后退参数丢失的问题参考文章: (1)解决vue页面刷新或者后退参数丢失的问题 (2)https://www.cnblogs.com/myfate/p/11573824.html ...
Vue页面刷新的三种方式
vue页面刷新的三种方式由于功能需求,需要离开页面前告知用户是否需要丢弃未保存的数据,这时候切换的菜单会失效,但是菜单依然会高亮错误.所以要进行一次页面刷新. 方法一原地页面刷新 this.$ro ...
最实用的vue刷新当前页面，provide / inject 组合方式实现vue页面刷新
这是一种最实用的vue刷新当前页面,其他方式一般会出现一个瞬间的空白页面,体验不好,相当于按ctrl+F5 强制刷新那种方式:provide / inject 组合方式实现vue页面刷新 1.修改 ...
vue的html自动刷新,Vue页面刷新记住页面状态的实现
环境 vue项目,页面有搜索.筛选项等. 需求页面跳转,切换或者刷新,希望可以记住用户在页面的筛选状态方案v1 vue有提供一种缓存组件的解决方案 - keep-alive. 缓存不活动的组件实例 ...
vue：vue页面刷新vuex数据消失问题
vuex中数据刷新页面消失问题: a页面请求的数据保存在vuex中,只要不刷新,那跳转到b页面里也可以用,但如果b页面刷新,那vuex里的数据就会消失, 可以得解决方法:a页面用的数据a页面的生命周期 ...
VUE项目部署Tomcat页面刷新404问题解决方法
问题描述 vue项目在本地开发环境运行正常,打包部署至线上Tomcat服务后,不刷新浏览器时工作正常,一刷新浏览器就报404错误,错误截图如下: 错误描述:404,源服务器未能找到目标资源的表示或者是 ...
宝塔nginx运行vue项目刷新404问题解决
我的项目是webpack构建的,因为我做一切开发都想要希望要从一个标准的构建去编码所以,我的项目在node下运行,开发,调试是没有一点问题的,npm run build也是完全OK的,vue路由是h ...
Nginx部署Vue项目动态路由刷新404
目录前言第一次第二次前言记录下Nginx部署Vue项目刷新404的解决方案,遇到了两次,route用的是history路由模式,动态路由: {path: '/article/:blogId' ...
vue从后台获取新数据后刷新_vue传参页面刷新数据丢失问题
在做vue的时候,经常会遇到组件之间数据的传递问题,通过params或者query传参,但是,当页面刷新的时候,数据会丢失,找不到数据.今天经过总结,解决了这个问题.通过了一下几种情况进行传值: 通过 ...
nignx部署Vue单页面刷新路由404问题解决
nignx部署Vue单页面刷新路由404问题解决参考文章: (1)nignx部署Vue单页面刷新路由404问题解决 (2)https://www.cnblogs.com/wuchenggong/p/ ...

vue 页面刷新404

nginx

Apache

vue 页面刷新404相关推荐

最新文章

热门文章