Vue问题技术干货

Vue 去掉#问题详解

2019-03-08  本文已影响0人  IT_Rafael

如果因为硬性问题需要去除#是个很麻烦的问题,当初公司需求需要去除#我搜索的大篇文章还是没有全面的,现在我来总结一下。

需要修改后端代码,当404页面时让页面跳转到打包后的入口文件(index.html)。

在router文件里设置路由:

new Router({

    mode: 'history,

    routes:[]

})

打包的时候要设置config -> index.js里面的打包路径,需要将assetsPublicPath设置为'/'。

大部分文章都是这样但是打包后上传服务器会发现即使没有的页面也不会出错,会进入一个空的页面中,这时候我们需要在路由里设置

routes: [

    {

         path: '*',

         component: 设置一个404页面,这样如果没有页面就会跳转到404页面了。

     }

]

上一篇 下一篇

猜你喜欢

热点阅读