nginx 将hash路由变为history路由
时间: 2023-12-06 10:05:02 浏览: 177
针对Vue路由history模式下Nginx后台配置操作
5星 · 资源好评率100%
要将hash路由变为history路由,需要进行以下步骤:
1. 在nginx配置文件中添加以下代码:
```
location / {
try_files $uri $uri/ /index.html;
}
```
这将重写所有请求到index.html文件。
2. 在Vue Router中设置history模式:
```
const router = new VueRouter({
mode: 'history',
routes: [...]
})
```
3. 在Vue项目中使用相对路径。
例如,如果你的项目在example.com/my-app/目录下,则需要将所有的url路径都加上/my-app/前缀。
这样就可以将hash路由变为history路由了。
阅读全文