vue刷新页面跳转404怎么办(
Vue路由history模式解决404问题的几种方法 -
解决方案：对于VUE的router[mode: history]模式在开发的时候，一般都不出问题。是因为开发时用的服务器为node，Dev环境中自然已配置好了。但对于放到nginx下运行的时候，自然还会有其他注意的地方。总结如下：在nginx里配置了以下配置后，可能首页没有问题，但链接其他会出现（404）location / { root D等我继续说。
第一，检查vue客户端，构造HTTP请求URL的逻辑是否正确。第二，登录vue应用连接的后台服务器，在文件系统里，检查前端请求的页面，是否真的存在对应的资源文件。
解决方案：对于VUE的router[mode: history]模式在开发的时候，一般都不出问题。是因为开发时用的服务器为node，Dev环境中自然已配置好了。但对于放到nginx下运行的时候，自然还会有其他注意的地方。总结如下：在nginx里配置了以下配置后，可能首页没有问题，但链接其他会出现（404）location / { root D等我继续说。
第一，检查vue客户端，构造HTTP请求URL的逻辑是否正确。第二，登录vue应用连接的后台服务器，在文件系统里，检查前端请求的页面，是否真的存在对应的资源文件。
1、是vue中的配置有问题，这个需要去重新设置vue的接口地址配置的问题。2、nginx中的配置没做好，这个时候就需要进入到服务器查看nginx的站点配置。很有可能是nginx的api代理配置的问题，这时候需要将代理地址更换成当前的vue站点地址就可以了。
你访问的接口没有给你返回数据，你应该检查你的接口，是不是哪里有问题，没有返回数据给前端。
vue-cli在build之后,打开页面,api都报错404是怎么回事 -
用vue-cli搭建的做法1、npmrunbuild2、把dist里的文件打包上传至服务器例/data/www/，我一般把index.html放在static里所以我的文件路径为：data/www/static|---index.html|---js|---css|---images.3、配置nginx监听80
这个问题我曾经试过，肯定是你加载的时候，路由里面不是写了根路径，你在路由里面把首页的路径改成根路径，然后在导航条上设置为根路径。我上面就是没有设置为根路径，使用一进来的时候就会出现只加载了头部和尾部，刷新一下才出现页面，改成根路径之后完美解决。
史上最全 vue-router 讲解 !!! -
Vue Router是Vue.js应用中的核心组件，它实现了前端路由，将SPA（单页应用）中的页面跳转与刷新与URL的改变紧密关联。通过监听URL变化，与不同的路由规则匹配，实现无刷新页面的导航。前端路由有两大模式：hash模式（对应HashHistory）和history模式（HTML5History）。在history模式下，通过`history.pushState`说完了。
比如我nginx上不是的目录是tjyy 首先打包时，vue.config.js配置router配置nginx配置文件中配置如配置在根目录下，则去掉项目名称：tjyy
Vue路由的几种模式 -
1.hash路由hash路由依据‘’后的地址进行监听跳转。通过location.hash获取当前hash值，并通过hashchange事件进行监听。需要注意的是，相同的hash地址不会触发hashchange事件。2.history模式history模式利用h5新增的pushstate和replacestate将地址直接压入历史记录栈中。通过popstate进行监听实现页面跳转。但需要注意有帮助请点赞。
在webpack.dev.conf.js里// 需安装express和axios才能引用const axios = require('axios')const express = require('express')const app = express()const apiRoutes = express.Router()app.use('/api', apiRoutes)在本文件的devServer对象里写入这句就行了before(app) { app.get('/getD希望你能满意。