vue项目部署成功后刷新页面报404

当项目部署成功的时候，刷新页面报 404 nginx代理失败

此类问题解决方式有很多

1. 修改路由默认模式

修改路由模式，但是在 url 中会出现 # 锚点，将 history 改成 hash

const router = new VueRouter({
  mode: "hash",
  base: process.env.BASE_URL,
  routes
});

2. nginx 修改配置

2-1. 由于我的项目是通过 nginx 进行部署的，所以在这儿我修改了 nginx 的相关配置

2-2. 通过宝塔面板在 网站菜单里面找到自己部署的网站，点击右侧的设置，在配置文件中 server 下面添加一段代码

 location / {
        root   /www/wwwroot/test.com;  // 这个是你部署项目的根目录
        index  index.php index.html index.htm default.php default.htm default.html;
        try_files $uri $uri/ /index.html;
    }

修改后保存，就可以刷新你的项目了，此时就不会出现 404 的问题了