已解决阿里云服务器上使用nginx部署vue项目，第一次正常访问，点击刷新的时候报404【图文】

一、前言我们在阿里云服务器中搭建自己写的web项目时，前端vue一般都需要nginx进行反向代理一下。今天小编也是买了个服务器，准备搭建一下，经过千辛万苦页面出来了，F5刷新了一下直接报错，最后看了好多博客解决了此问题，网上太多描述不清了，今天来个图文展示，一步到胃！！二、报错展示三、解决办法小编是通过宝塔傻瓜式安装配置的，所以都是可视化的，linux命令就不演示了。第一步：第二步：try_fil

掉发的小王

3250人浏览 · 2021-12-21 10:55:18

掉发的小王 · 2021-12-21 10:55:18 发布

一、前言

我们在阿里云服务器中搭建自己写的web项目时，前端vue一般都需要nginx进行反向代理一下。今天小编也是买了个服务器，准备搭建一下，经过千辛万苦页面出来了，F5刷新了一下直接报错，最后看了好多博客解决了此问题，网上太多描述不清了，今天来个图文展示，一步到胃！！

二、报错展示

在这里插入图片描述

三、解决办法

小编是通过宝塔傻瓜式安装配置的，所以都是可视化的，linux命令就不演示了。
第一步：
在这里插入图片描述
第二步：

try_files $uri $uri/ /index.html;

在这里插入图片描述

四、总结

这样我们在刷新页面就不会报404了，完美解决，对你有用，点个赞呗！！！

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^