精华内容
下载资源
问答
  • vue设置404页面

    万次阅读 2018-08-08 15:56:52
    在router/index.js中添加 { path: "/404", name: "notFound", component: notFound }, { path: "*", // 此处需特别注意置于最底部 redirect: "/404" }  

    在router/index.js中添加

    {
    path: "/404",
    name: "notFound",
    component: notFound
    }, {
    path: "*", // 此处需特别注意置于最底部
    redirect: "/404"
    }

     

    展开全文
  • vue 实现404 500页面

    千次阅读 2019-10-16 15:22:02
    项目结构: ...404图片 代码: <template> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="ht-not-found not-found-default"&...

     

     

    项目结构:

    404图片

    代码:

    <template>
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="ht-not-found not-found-default">
              <div class="content">
                <img src="./404.png" alt="404 image" width="560" height="428" />
                <h2>噢!找不到页面。</h2>
              </div>
              <div id="clouds">
                <div class="cloud cloud-1"></div>
                <div class="cloud cloud-2"></div>
                <div class="cloud cloud-3"></div>
                <div class="cloud cloud-4"></div>
                <div class="cloud cloud-5"></div>
                <div class="cloud cloud-6"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </template>

     500图片

     

    代码

    <template>
      <div style="display: table;height: 100%;width: 80%;margin: 0 auto;">
        <div style="display: table-cell;height: 100%;vertical-align: middle;width: 50%;padding: 0 30px;">
          <div style="display: inline-block;">
            <h2 class="error-subtitle">服务异常!!!请联系管理员</h2>
            <div>
            </div>
          </div>
        </div>
        <div style="display: table-cell;height: 100%;vertical-align: middle;width: 50%;padding: 0 30px;">
          <img src="./500_2.png" alt="error" style="width: 100%;">
        </div>
      </div>
    </template>

     

    展开全文
  • Vue 创建 404 页面【超级简单】

    千次阅读 2018-12-10 23:30:45
    目的:在vue项目中,添加一个 404 页面。   具体效果,可以去这个网站测试 http://www.xdx97.com   简单说明: 404 页面,也就是一个页面而已,你只需匹配相对应的 路由就好了。   第一步:创建一个 404 ...

    目的:在vue项目中,添加一个 404 页面。

     

    具体效果,可以去这个网站测试      http://www.xdx97.com

     

    简单说明: 404 页面,也就是一个页面而已,你只需匹配相对应的 路由就好了。

     

    第一步:创建一个 404 页面

    <template>
        <div class="error">
            <span class="aaa">404</span> <br><br><br><br><br><br>
            <span class="bbb">您可以选择导航栏任意一项回到正确航线 </span>
        </div>
    </template>
    <script>
    export default {
        
    }
    </script>
    <style lang="scss" scoped>
        .error{
            text-align: center;
            margin-top: 25px;
            height: 600px;
            .aaa{
                
                font-size: 250px;
                color: white;
                font-family: '方正舒体'
            }
            .bbb{
    
                font-size: 80px;
                color: white;
                font-family: '方正舒体'
            }
        }
    </style>

     

    第二步:在 router 中配置好

     

    展开全文
  • vue404页面的设置

    千次阅读 2018-08-01 10:54:15
    如果用户输入错误的网址没有提示,界面也不会有任何变化,用户体验非常不友好,所以需要设置错误提示 设置404页面需要在配置路由文件index.js中设置,其中 ‘*’ 代表的就是404页面 ...

    如果用户输入错误的网址没有提示,界面也不会有任何变化,用户体验非常不友好,所以需要设置错误提示

    设置404页面需要在配置路由文件index.js中设置,其中   ‘*’  代表的就是404页面

    展开全文
  •  将vue项目整合进后端项目,部署服务器后,正常使用没有问题,但是只要刷新当前页面就总是返回404错误,Whitelabel Error Page,This application has no explicit mapping for /error, so you are seeing this as ...
  • vue 刷新页面报错404

    千次阅读 2018-11-23 15:25:51
    如图:   vue路由的问题:把历史改为哈希之后就好了,但是哈希路由在360浏览器下,后退不了。如果大家有什么好的解决方法欢迎留言!
  • vue打包到springboot项目下出现,vue页面刷新页面404错误/Whitelabel Error Page、无法直接通过路径访问Whitelabel Error Page 问题描述 将vue项目整合进后端项目,部署服务器后,正常使用没有问题,但是只要刷新...
  • bianji.vue(编辑页面——form表单,得到table里给传过来的值) table.vue 要传参的页面: 如下:在methods:{ 写修改的方法} 两种方法传参, 第一种传参 name 与 结合使用params ,第二种传参 path 与 ...
  • VUE 默认的keep-alive组件实现 保存页面的数据,页面显示就执行某个函数,页面隐藏就执行某个函数实现方式: 1.在路由内设置页面是否需要缓存; 示例代码:(在需要的组件里面添加meta 对象,keepAlive属性,...
  • Vue实现页面跳转

    万次阅读 2018-06-17 17:20:20
    如何点击底部书架跳转到对应的页面 <router-link :to="{name: 'bookshelf', params: { entityId: this.entityId } }" :class="{'flex-item-1':'flex-item-1',cur:tabs[0].isShow}" href="javascript:"> ...
  • vue 统一设置404页面

    千次阅读 2019-07-27 11:56:00
    /*main.js或者router.js 配置路由的地方加入*/ { path: "*", redirect: "/404" ...如果url地址不存在,自动重定向到/404页面 转载于:https://www.cnblogs.com/liuyuweb/p/11254490.html...
  • VUE弹窗加载另一个VUE页面

    万次阅读 2020-04-03 17:12:23
    角色列表Uacter.vue页面,点击【菜单设置】按钮,弹出角色菜单MenuRole.vue页面,也就是说实现的是一个弹窗功能,只不过加载的vue页面 说来惭愧,这是我应用vue的第4天,好多东西都不知道,然后就是现学现用 首先...
  • spring boot整合vue页面刷新出现404

    千次阅读 2019-11-14 16:17:44
    解决方法:在配置类中添加如下,将errorpage定向... @Bean public WebServerFactoryCustomizer<ConfigurableWebServerFactory> webServerFactoryCustomizer(){ return factory -> { ErrorPage error404...
  • vue项目刷新页面404

    千次阅读 2021-02-21 16:45:28
    今天突然想到之前遇到的一个问题,使用vuecli3.0创建的vue项目,刷新页面404。 原因: hash —— 即地址栏 URL 中的 # 符号。比如这个 URL:http://www.abc.com/#/hello hash 的值为 #/hello。它的特点在于:...
  • vue 动态路由 addRoutes 刷新页面404(空白)

    千次阅读 热门讨论 2019-06-03 21:50:11
    vue开发页面,通过addRoutes实现动态路由的添加,但是在进入对应页面的时候刷新时跳转到404或空白,最后发现只需把空白页面跳转直接加载到动态路由后面即可解决,代码如下: 1:静态路由中注释掉{ path: '*', ...
  • 业务需求 此vue页面的一个按钮点击后,跳转至另一个vue页面的某个点击...起始的vue页面:增加一个路由跳转方法并传参 methods: { goto:function(pesrsonName) { this.$router.push({ path: 'taskDistribution',...
  • vue页面刷新页面数据不在的问题

    千次阅读 2019-05-28 18:04:13
    vue页面刷新页面数据不在的问题 vue页面跳转通过parmas携带的参数在新页面里一刷新就会丢失, 1.使用sessionStorage保存页面要用到的数据无论页面怎么刷新数据都不会丢失 传参数的页面设置 xiang(row) { this.id ...
  • 解决vue项目404 nginx url转发

    千次阅读 2019-07-05 18:45:34
    目的:解决vue刷新404问题 方案:我是后台程序员所以通过设置nginx.conf 方法: server { listen 8082; #server_name www.czconfig.com ; root 'webroot(网站根目录)'; location / { index index.html; root.....
  • Vue build打包之后,刷新页面出现404,HTML5 History 模式 原因分析: vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。 如果不想要很丑的 hash...
  • Vue刷新页面的三种方式

    万次阅读 多人点赞 2019-06-08 10:54:18
    我们在写项目的时候,经常会遇到,...vue自带的路由跳转: this.$router.go(0); 用过的人都知道,前两者都是强制刷新页面,会出现短暂的闪烁,用户体验效果不好。 所以,我们选择第三种方式: 3. 首先在App里面...
  • vue页面动态添加标签

    万次阅读 2018-09-20 11:54:39
    参考:https://jintang.github.io/2018/03/27/vue动态添加组件/ 2.页面直接添加元素 页面结构代码: &amp;lt;ul&amp;gt; &amp;lt;li v-for=&quot;(item, index) in itemArr&quot; :key=&...
  • vue页面跳转后返回原页面初始位置

    万次阅读 2018-01-05 22:22:47
    vue页面跳转后返回原页面初始位置   vue页面跳转到新页面之后,再由新页面返回到原页面时候若想返回调出原页面的初始位置,怎么来解决这个问题呢?首先我们应该在跳出页面时候记录下跳出的scrollY,返回原...
  • vue 页面强制刷新

    万次阅读 2020-04-16 15:08:04
    在使用Vue框架开发时,在函数中改变了页面中的某个值,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值 解决: 1.this.$set(object,name,value)set(object , name , value)set(object,name,value) 2....
  • vue页面状态保持

    千次阅读 2020-01-02 14:36:53
    vue页面状态保持 项目中常常会有许多列表也,当我们点击进详情后再返回列表也
  • vue页面切换到滚动页面显示顶部

    万次阅读 2018-01-05 21:56:26
    vue页面切换到滚动页面显示顶部   在用mint ui写移动端从'listview'跳转到详情页时,详情页面由于大于手机高度可以滚动,当点击'listview'滚动list进入详情页面时发现详情页面不是从顶部开始显示。 一、...
  • 部署 vue页面刷新路由404问题解决

    千次阅读 2019-06-14 09:40:33
    vue-router默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。 如果不想要很丑的 hash,我们可以用路由的history 模式,这种模式充分利用hi...
  • 打包好的vue项目上传到linux服务器上,使用nginx作为服务器时,vue项目的路由失效问题。 解决方案: 配置nginx.conf 添加如下配置 location / { root /usr/local/~~;... # 访问 / 时跳的页面 try_fil...
  • VUE页面构成

    千次阅读 2018-07-09 22:30:28
    在一个VUE页面中主要包含3部分,&lt;template&gt;、&lt;script&gt;以及样式表&lt;style lang="scss" scoped&gt;

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 291,346
精华内容 116,538
关键字:

vue页面404

vue 订阅