Vue 去掉#问题详解

作者: IT_Rafael | 来源:发表于2019-03-08 09:25 被阅读0次

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

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

在router文件里设置路由:

new Router({

    mode: 'history,

    routes:[]

})

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

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

routes: [

    {

         path: '*',

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

     }

]

相关文章

网友评论

    本文标题:Vue 去掉#问题详解

    本文链接:https://www.haomeiwen.com/subject/rbelpqtx.html