配置nginx解决vue路由history模式下刷新404问题

stormzhang 发布于2019-07-25 14:27 / 3239人阅读

摘要：在路由模式为的时候，刷新页面会出现问题。我们只需要在服务器配置如果匹配不到任何静态资源，就跳转到默认的。表示你监听的端口号打包后的文件夹目录

在vue路由模式为history的时候，刷新页面会出现404问题。我们只需要在服务器配置如果URL匹配不到任何静态资源，就跳转到默认的index.html。

server {
        listen 8105; // 表示你nginx监听的端口号
        root /home/admin/sites/vue-nginx/dist; // vue打包后的文件夹dist目录
        index index.html; 
        location / {
                 try_files $uri $uri/ /index.html; 
        }
}

服务器托管云服务器 nginx404怎么解决服务器配置路由下一跳 cdn刷新缓存报404 访问出现404问题

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/40115.html

vue路由history模式刷新页面出现404问题

摘要：模式下，中存在，用模式就能解决这个问题。但是模式会出现刷新页面后，页面出现。解决的办法是用配置一下。 vue hash模式下，URL中存在#，用history模式就能解决这个问题。但是history模式会出现刷新页面后，页面出现404。解决的办法是用nginx配置一下。在nginx的配置文件中修改方法一： location /{ root /data/nginx/html...

sanyang 2019-07-25 14:28 评论0 收藏0
VUE路由history模式坑记--NGINX

摘要：还有可能会有一些隐藏的问题没被发现。如果能像其他系统的路径一样，就不存在这些问题了。对于的模式在开发的时候，一般都不出问题。是因为开发时用的服务器为，环境中自然已配置好了。希望大家使用的方式进行处理，的方式会被第三方劫持因微信分享和自动登录需要，对于URL中存在#的地址，处理起来比较坑（需要手动写一些代码来处理）。还有可能会有一些隐藏的问题没被发现。如果VUE能像其他（JSP/PH...

voidking 2019-07-25 13:59 评论0 收藏0
VUE-Router按模块配置、懒加载+ Windows中Nginx服务安装、配置解决404

摘要：文章涉及到路由模块化，懒加载，安装，打包配置板块。项目复杂，路由变多，代码维护性降低，从路由模块化开始一步步优化，解决各种。无法启动服务，报错参考资料发现端口冲突，已经在服务中已经配置端口。服务端口更改为。文章涉及到VUE路由模块化，懒加载，nginx安装，打包配置板块。项目复杂，路由变多，代码维护性降低，从路由模块化开始一步步优化，解决各种BUG。参考了很多方法，会在文章中引用出来...

habren 2019-07-25 14:37 评论0 收藏0
Vue项目部署遇到的问题及解决方案

摘要：模式部署没有什么问题，只要访问到服务器上的，就可以访问网站了。问题起因在做年度账单项目的时候，项目部署的时候，用的是模式。这样几项配置后，就可以在子目录下访问网站，刷新也没有问题。写在前面 Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。 hash：也就是地址栏里的 # 符号。比如 http://www.example/#/hello，...

姘搁『 2019-08-23 14:38 评论0 收藏0