怎么把vue的#形式的hash去掉

https://xxxx.com/web/#/index这种格式是vue的路由常见hash格式，但是不好看，怎么去掉它，而且还能正常访问呢？

1、vue-router中的修改

1
2

 mode: 'history'
'base':'/web/'

2、webpack配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14

devServer:{
    ...
    historyApiFallBack:{
        index: '/index.html'
    }
    ...
}
output: {
    publicPath: "resources/",
    path:path.resolve(__dirname,'./web/resources'),
    //打包文件名称为web
    filename:xxxxx,
    chunkFileName:xxxxx,
}

3、ngnix配置

1
2
3
4
5

location ^~/web {
    alias /home/www/web;
    index index.html
    try_files $uri $uri/ /web/index.html
}

4、访问

在浏览器中直接访问 https://xxxx.com/web 即可

• ← Previous Post
• Next Post →