美文网首页
vue.js的链接去掉 #

vue.js的链接去掉 #

作者: __Nancy | 来源:发表于2020-05-08 15:27 被阅读0次
    1. 在路由定义的脚本里添加mode: 'history'
    const router = new VueRouter({
     mode: 'history',
     routes: [...]
    })
    

    2.以上步骤还不够,因为页面刷新会出现404错误,还需要配置服务器
    Apache

    <IfModule mod_rewrite.c>
      RewriteEngine On
      RewriteBase /
      RewriteRule ^index\.html$ - [L]
      RewriteCond %{REQUEST_FILENAME} !-f
      RewriteCond %{REQUEST_FILENAME} !-d
      RewriteRule . /index.html [L]
    </IfModule>
    

    nginx

    location / {
      try_files $uri $uri/ /index.html;
    }
    

    如果帮组到您,请举小手手赞一下,笔芯 ❤❤❤

    相关文章

      网友评论

          本文标题:vue.js的链接去掉 #

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