本人碰到的问题 vue上线后页面刷新报404  在网上了很多解决方法比较杂 今天在这儿将出现404 的解决方法 汇总一下

1、vue框架中解决404

vue router  mode 默认为hsas, 这样的url中带有#，让有强迫症的人很不爽，可以修改

const router = new Router({
mode: 'history'
});
mode: 'history'就能去掉#号，不过这样也导致一个问题，就是想服务器上因为没有# 直接去找资源文件，肯定是没有的

2、修改nginx配置文件

location / {
    root ...
    index ...
    try_files $uri $uri/ /index.html; ---解决页面刷新404问题
}

将上面代码放入nginx配置文件中 

保存退出

i     --编辑
esc然后
:w    --保存
:quit --退出

常用命令

    1. rz                -- 上传文件
    2. rz -y             -- 上传文件（存在同名文件则覆盖）
    3. unzip             -- 解压文件(例：unzip dist.zip)
    4. rm -f             -- 删除文件不存在不提示信息
    5. rm -rf            -- 删除目录及目录下的文件
    6. rm                -- 删除文件，不能删除目录，删除的文件可恢复
    7. ./nginx -t        -- 验证nginx配置文件是否正确
    8. ./nginx -s reload -- 重启nginx

记得修改完nginx配置文件一定要重启nginx  不然没有效果！！！