vue部署nginx上,访问首页正常,其他页面跳转报404错误
2022/7/28 5:22:52
本文主要是介绍vue部署nginx上,访问首页正常,其他页面跳转报404错误,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1.查看vue项目是否为history模式
如果如上图所示,则为history模式
2.问题原因
不过history的这种模式需要后台配置支持。比如、肖我们进行项目的主页的时候,一切正常,可以访问、但是当我们刷新页面或者真接访问路径的时候就会返回404,那是因为在hstory模式下,只是动态的通过js操作window.history来改变浏览器地址栏里的路径,并没有发起hitp请求,但是当我直接在浏览器里输入这个地址的时候,就一定要对服务器发起http请求,但是这个目标在服务器上又不存在,所以会返回404
3.如有用到a标签的跳转需要修改,如没有直接跳过
在vue项目中如有类似的a标签,请更改为服务器的地址 如: <a href='http://127.0.0.1:8080/index/login'> ||改为 <a href='http://139.196.104.75/index/login'>
4.在服务器中的nginx配置文件中添加配置
try_files $uri $uri/ /index.html;
这篇关于vue部署nginx上,访问首页正常,其他页面跳转报404错误的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set