这是因为我的vue项目是采用了history路由模式,又因为vue是单页面应用,一旦切换路由之后,之前的页面就会不存在,然后你再刷新回到之前的页面就会出现404了。(个人理解) 解决的方法: 将路由模式修改为hash模式(不建议,hash模式#太丑) 修改nginx配置 location / { try_files$uri$uri/ /index.html; //解决页面刷新404...
http://localhost:8080/bank/page/count 这样的了; 不过history的这种模式需要后台配置支持。比如: 当我们进行项目的主页的时候,一切正常,可以访问,但是当我们刷新页面或者直接访问路径的时候就会返回404,那是因为在history模式下,只是动态的通过js操作window.history来改变浏览器地址栏里的路径,并没有发起http请求,但是...
记录下Nginx部署Vue项目刷新404的解决方案,遇到了两次,route用的是history路由模式,动态路由: {path:'/article/:blogId',name:'blog',component: blog } 然后部署nginx, location / { root /usr/local/nginx/html/blog/; index index.htmlindex.htm; } 然后刷新页面 what happend? 后请教了度娘,度娘回答 loca...
1回答 临摹微笑 问题也解决,谢谢大家,Nginx配置时候少了/dist目录而已location /{ root dist; index index.html; try_files $uri $uri/ /dist/index.html; } 00 0 没找到需要的内容?换个关键词再搜索试试 向你推荐 部署在cdn上的单页应用如何使用前端路由的history模式 ...
众所周知,vue的路由模式如果使用history,刷新会报404错误。官方给出了几种解决方式如下: image.png 但是其实这官方的demo是有一些需要注意的地方的,网上很多其他人的解决方式都是有坑。 1、之所以写这篇教程,是我们的项目使用到了history模式,报404后。由于我们的项目是放到了Tomcat中,所以选择了网上最简单的一种解...
2.2 vue-router跳转index页面避免出现404等界面 2.3 添加头部信息 2.4 还有人说是前端打包时baseURL的问题 3.我的解决方案: 3.1在前端config.js将这个localhost改为自己服务器端的地址,端口则是自己后端的端口 3.2 在Nginx.conf添加拦截路径和代理地址,ip和端口和上一步一致 *注意: 1.先看问题情况 2.我的解决方...
• 系统客户端及管理后台共用同一个域名,通过nginx代理管理后台项目时刷新页面返回404(history 模式); • vue hash 模式下可以解决此问题,但是url 中存在"#"不太美观 修改nginx 配置 location /admin { alias /usr/share/nginx/html/; index index.html index.htm; ...
1.刷新后页面404 根据官网的提示 vue官网history解决方案 在nginx配置中添加 location/{try_files$uri$uri/ /index.html;} 1. 2. 3. 针对上面的配置,当请求 http://localhost:8080/abc 时,则 $uri 为 /abc,此时,try_files 的规则可以具体为 /abc /abc/ /index.html,/ 表示根目录 html(由 root指令 ...
在vue路由模式为history的时候,刷新页面会出现404问题。我们只需要在服务器配置如果URL匹配不到任何静态资源,就跳转到默认的index.html。 server { listen 8105; // 表示你nginx监听的端口号 root /home/admin/sites/vue-nginx/dist; // vue打包后的文件夹dist目录 ...
vue history模式部署到Nginx刷新时404JavaScript 慕姐4208626 2019-01-28 11:21:33 项目部署到Nginx上,因为/更目录已经给了其他权限,说下直接把项目放到了/dist下面,所以build时候assetsPublicPath改为了相对路径build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), /...