routes路由模式设置为history时后端配置

JAY.LIN 收录于前端

2024-02-23 约 127 字预计阅读 1 分钟

https://bing.ee123.net/img/rand?artid=136254358

routes路由模式设置为history时后端配置

const router = new VueRouter({

routes: [

mode: ‘history’ //路由模式，默认hash，history模式需要后端做相关配置

})

后端服务器是nginx时，配置

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

后端服务器是tomcat时，配置

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

目录

routes路由模式设置为history时后端配置

routes路由模式设置为history时后端配置