Vue项目部署到服务器 刷新提示404

Vue项目打包部署到线上后，刷新页面会提示404。这是因为网页访问的是静态绝对路径，而服务器上没有该路径。

方法一：使用vue-router有两种模式

修改src/router/index.js文件中的history属性，设置为createWebHashHistory。（这种调整，会使url出现"#"）

const router = createRouter({
    history: createWebHistory(),
    routes
})

方法二：

如果不想页面url上出现#的形式，可以通过调整nginx.conf配置文件进行调整

location /{
      if (!-e $request_filename){
        rewrite ^(.*)$ /index.html?s=$1 last;
        break;
      }
    }