Vue+SpringMVC使用History模式

作者: 粑粑雷 | 来源:发表于2020-02-16 15:32 被阅读0次

Vue

const router = new VueRouter({

  mode: 'history',

  base: '/task',

  routes

})

SpringMVC

<mvc:resources location="/task/" mapping="/task/**" cache-period="864000"/>

web.xml

<error-page>
    <error-code>404</error-code>
    <location>/task/</location>
</error-page>

Nginx

    location / {
        error_page 404 =200 /index.html;
    }
    
    location /index.html {
        root /task;
    }

Vue+SpringMVC使用History模式
Vue SpringMVC web.xml Nginx
Vue路由「十五」-- vue-router的路由模式***
vue-router的路由模式有 hash模式和 history模式，默认使用 hash 模式hash模式：使用...
vue的history和hash模式的区别
一直很讨厌hash模式因为hash模式真的很丑，能用history模式的我会尽量使用history模式。可是今天我...
Vue.js项目在apache服务器部署后，刷新404的问题
原因是vue-router 使用了路由的 history 模式，这种模式充分利用 history.pushStat...
vue项目部署到服务器上刷新出现404以及白屏的问题
路由配置是history模式去掉history模式
hash模式和history模式
vue-router 默认 hash 模式。history模式使用需要后端支持 hash(#)：http://lo...
Vue-router History 模式相关配置
HTML5 History 模式 vue-router 默认 hash 模式 —— 使用 URL 的 hash 来...
vue配置history模式
前言引用官方的解释： HTML5 History 模式 vue-router 默认 hash 模式 —— 使用 ...
vue2-history模式
HTML5 History 模式 vue-router默认 hash 模式 —— 使用 URL 的 hash 来模...
如何将vue项目中地址上的#去掉
vue-router 设置 history 模式 vue-router 默认为 hash 模式，使用默认的 has...