vue下使用nginx刷新页面404的问题解决
程序员文章站
2022-04-09 13:40:15
nginx 是一个代理的服务器。
出现的问题:写好的页面通过nginx作为代理的服务器给别的同事看的时候发现了新写的页面打开就404,并且从其他页面跳转可以看到但是刷...
nginx 是一个代理的服务器。
出现的问题:写好的页面通过nginx作为代理的服务器给别的同事看的时候发现了新写的页面打开就404,并且从其他页面跳转可以看到但是刷新页面就404。
解决方法:
在文件中的nginx.conf文件中修改,代码如下
server { listen yyyy; //自己设置的端口号 server_name 192.168.xxx.xxx; //在黑窗口下ipconifg后出现的ipv4地址复制 location /{ root e:/website_wap/dist/; //项目打包后的路径 index index.html index.htm; try_files $uri $uri/ /index.html; //解决刷新页面变成404问题的代码 } }
访问的地址就是192.168.xxx.xxx:yyyy
一定要记得先npm run build 哦~(我就是在凑字数!!)
解决代码:
try_files $uri $uri/ /index.html;
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
推荐阅读
-
Vue实现远程获取路由与页面刷新导致404错误的解决
-
解决vue单页使用keep-alive页面返回不刷新的问题
-
浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)
-
详解在不使用ssr的情况下解决Vue单页面SEO问题
-
Vue实现远程获取路由与页面刷新导致404错误的解决
-
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
-
vue下使用nginx刷新页面404的问题解决
-
vue在history的路由模式下,刷新后界面报404
-
vue项目打包后,页面一片空白,刷新时404,路由history模式,问题解决!
-
详解在不使用ssr的情况下解决Vue单页面SEO问题