vue项目使用 history模式 配置apache 超简单,亲测有效

vue的路由使用history模式需要apache或nginx进行配置

在打包后的根目录创建一个文件

.htaccess  注意前面有个点

.htaccess  文件里写这些内容

  

   

    

     

    
    

     

      RewriteEngine On
     
    
   

    

     

    
    

     

      RewriteCond %{REQUEST_FILENAME} !-f
     
    
   

    

     

    
    

     

      RewriteCond %{REQUEST_FILENAME} !-d
     
    
   

    

     

    
    

     

      RewriteRule ^(.*)$ /console/index.html [L]
     
    
  
 

以我的项目为例,我的项目根目录是console 所有在配置文件里 会有一个console 

如果打包的根目录是 / 则去掉console即可

文章来源: fizzz.blog.csdn.net，作者：拿我格子衫来，版权归原作者所有，如需转载，请联系作者。

原文链接：fizzz.blog.csdn.net/article/details/105273686