nginx

根目录

部署在根目录的项目

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

子目录

未部署在根目录的项目

if (!-e $request_filename) {
  rewrite ^/(.*) /index.html last;
  break;
}

或

location / {
  try_files $uri $uri/ @router;
}

location @router {
  rewrite ^.*$ /index.html last;
}

其他后端配置例子

Vue Router

client

Vue

const router = new VueRouter({
  mode: 'history',
})

如果应用服务在 /app/ 下（非根目录）

const router = new VueRouter({
  base: '/app/',
  mode: 'history',
})

React

React Router 默认开启 browserHistory

如果应用服务在 /app/ 下（非根目录）

<BrowserRouter basename='/app'></BrowserRouter>

参阅