使用vue项目，线上部署的时候，访问首页以及通过路由打开二级页面没有问题，但是一刷新就出现404现象
因为刷新页面时访问的资源在服务端找不到，因为vue-router设置的路由不是真实存在的路径。
解决办法是：在nginx.conf配置修改如下：
location / {
root html;
try_files $uri $uri/ @router;
index index.html index.htm;
}
location @router {
rewrite ^.*$ /index.html last;
}
1130706-20180405170819686-1332981854.png
红色字体是添加的配置，然后保存重启nginx即可解决。
使用vue项目，线上部署的时候，访问首页以及通过路由打开二级页面没有问题，但是一刷新就出现404现象 因为刷新页面...
问题描述 vue单页面history路由模式项目部署上线之后, 刷新页面会跳到404页面 异常原因 页面刷新时会重...
目前前端项目都是SPA项目，而单页应用就少不了路由配置，因为单页应用的页面不会刷新页面，而是根据路由的切换来更换页...
页面路由（浏览器路由） 页面会刷新 hash路由 页面不会刷新，之前做单页应用，使用的传统方法。 h5 路由 h5...
Vue 部署单页应用，刷新页面 404/502 报错 在 Vue 项目中，可以选择 hash或者 history....
vue的单页应用部署后，当我们进入到某个路由之后，按F5刷新页面会出现404错误： IIS下部署后的解决方案一般是...
简介 前端同事使用Vue.js框架，利用vue-route结合webpack编写了一个单页路由项目，运维协助在服务...
当前有个vue项目，打包部署后发现刷新404，原来是因为路由改成了history模式我们项目是用iis部署的，就需...
一文搞懂单页应用原理Vue项目History模式路由机制 源码分析VueVueRouter Vue 单页应用（sp...
使用vue单页开发项目时遇到一个问题：在列表页进入详情页，按返回键返回列表页时页面刷新了，用户体验非常差啊！！！查...
本文标题：vue-router+webpack线上部署时单页项目路由，刷新
本文链接：https://www.haomeiwen.com/subject/hivfrqtx.html
网友评论