最近把打包的vue 文件部署到 服务器nginx ， 刷新后发现 跳404 页面， 开始还以为动态路由没加载成功， 后来发现原来是 history 模式 和 hash 模式的问题 hash模式打包部署上服务器刷新是没有问题的， vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 但是历史模式访问的是服务器的资源，而 vue 项目打包后只有 index.html 的入口 但路由改变了，服务端便会招不到...
Vue: vue-router路由 测试 1.先删除没有用的东西 2.components目录下存放我们自己编写的组件 3.定义一个Content.vue的组件 <template> <h1>内容页</h1> </template> ? <script> export default { name: "Content" } </script> ? <style scoped> ? </style> ? 4.安装路由，在src目录下，新建一个文件夹：router,专门存放路由 import Vue from vue //导入路由插件 import VueRouter from "vue-router"; //导入上面定义的组件 imp...
问题描述：前端同事使用Vue.js框架，利用vue-route结合webpack编写了一个单页路由项目，运维协助在服务器端配置nginx。部署完成后，访问首页没问题，从首页里打开二级页面没问题，但是所有的二级页面打开后，再次刷新，就会出现404现象！如下： 问题原因：刷新页面时访问的资源在服务端找不到，因为vue-router设置的路径不是真实存在的路径。如上的404现象，是因为在nginx配置的根目录/Data/app/xqsj_wx/dist下面压根没有loading这...
检查下规则是不是跟我这个问题一样： 这样写第一个规则也会匹配到，所以就不会进第二个规则。把名字改成不一样即可
这是一个经典的问题，相信很多同学都有遇到过，那么你知道其真正的原因吗？ 我们先还原一下场景： vue项目在本地时运行正常，但部署到服务器中，刷新页面，出现了404错误 先定位一下，HTTP 404 错误意味着链接指向的资源不存在 问题在于为什么不存在？且为什么只有history模式下会出现这个问题？ 为什么history模式下有问题 Vue是属于单页应用（single-page application） 而SPA是一种网络应用程序或网站的模型，所有用户交互是通过...