nginx +VUE 解决404 问题

使用 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;    

}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容