vue前端去掉“#”，与后台联调点击刷新会出现404，怎么解决？

Question

问题：前端去掉“#”，与后台联调点击刷新会出现404，怎么解决？
前端去掉“#”代码：
mode: 'history',
routes: [

  {
  path: '/',
  redirect: 'home',
   },{
  path: '/home',
  component: home
}
  

]
正常时：

点击刷新报错信息：

Answer 1

服务器需要额外做配置，具体参考 HTML5 History 模式

后端配置例子

• 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;
}

Answer 2

mode: 'history'是html5的路由模式，需要服务器支持，请看vuejs router文档

Answer 3

这种功能需要后台配合，刷新时会请求服务器，服务器没有相应的路径，需要后台处理

Answer 4

希望能帮到你去掉#配置