其他分享
首页 > 其他分享> > vue项目去掉url中的#引发的血案

vue项目去掉url中的#引发的血案

作者:互联网

最近vue项目要部署到服务器,但是发现url中有一个#号,对于我一个强迫症来说是非常难受的,所以找了好多博客,终于解决了,就是在router文件夹下的index.js中的

const router = new Router({
  mode: 'hash',  //hash改成history就可以解决url中带有#号的问题
  scrollBehavior: () => ({ y: 0 }),
  isAddDynamicMenuRoutes: false, // 是否已经添加动态(菜单)路由
  routes: globalRoutes.concat(mainRoutes)
})

nginx中的配置:

location / 
{  
    //这个必须要
    try_files $uri $uri @route;
    root /www/wwwroot/www.mrzhao520.cn/dist;
    index  index.html index.htm;
}
//这个必须要
location @route { 
    rewrite ^.*$ /index.html last;
}

原文链接:https://blog.csdn.net/qq_35818188/article/details/108067287

标签:index,www,vue,hash,url,血案,html,location
来源: https://www.cnblogs.com/mrzhao520/p/14959585.html