Nginx笔记-vue项目刷新出现404(try_files和index)

目前的nginx.conf配置:

javascript 复制代码
......

server{

    ......

    ......

    location /xxx{

        root /home/userName/dir

        index index.html

   }

}

部署是成功了,但是有个问题,就是感觉整个前端不会找uri,按F5或者在浏览器输入url都会404,只从vue默认的地方进,才行。

解决方法:

javascript 复制代码
......

server{

    ......

    ......

    location /xxx{

        root /home/userName/dir

        try_files $uri $uri/ /home/userName/dir/index.html

   }

}

原因:

index index.htm index.html;

index 就是根目录,也就是只识别"/"结尾的,输入不存在或者刷新页面的路径就直接报nginx的404了,而不会重定向到index.html

try_files 更加可靠, 首先会查找"uri"下的这个文件,如果不存在会查找uri/,如果还不存在就会重定向到 /index.html页面。如果最后参数写错了,就会导致500的服务器错误。

以前如果是没有用webpack的项目,可以直接用index,如果是用的webpack最好用try_files

相关推荐
Cathy Bryant31 分钟前
线性代数直觉(二):二次型与“正定”
笔记·神经网络·考研·机器学习·数学建模
姝孟1 小时前
C++学习——类与对象详细知识点总结
c++·笔记·学习
im_AMBER1 小时前
Leetcode 35
笔记·学习·算法·leetcode
快乐非自愿2 小时前
Vue 缓存之坑,变量赋值方式和响应式数据
前端·vue.js·缓存
Fortunate Chen2 小时前
初识C语言12. 结构体(自定义类型的核心工具)
c语言·开发语言·笔记
米饭不加菜2 小时前
typora的基本用法
笔记
Java陈序员3 小时前
免费高颜值!一款跨平台桌面端视频资源播放器!
vue.js·typescript·electron
colorFocus3 小时前
vue在页面退出前别忘记做好这些清理工作
前端·vue.js
前端付豪3 小时前
为啥升Vue3 有啥优势?
前端·javascript·vue.js
xiguolangzi3 小时前
electron + vue3 项目实战 自动更新
vue.js