使用 vue 写的程序,在浏览器中看到的路由都是带有#的,很是不好看。
为了解决此问题,大家一般都会采用:mode: 'history',在开发阶段没有问题,
但是build打包后,访问并刷新浏览器后,页面就会报404的错误,
为了解决打包后刷新浏览器报404的问题,如果使用nginx的话,需要做如下配置:
1、路由代码中添加mode:'history'
2、nginx配置
在nginx的配置文件中添加:try_files $uri $uri/ /index.html;
location / {
root /Users/libo/Documents/workspace/Vue-me/my-project/dist;
index index.html index.htm index.php;
try_files $uri $uri/ /index.html;
}