vue 项目部署后刷新出现404

为了去掉路径中的"#",把Vue项目的mode从"hash"改成"history"，"#"消失了，却有了新的问题：部署后刷新就转到404页面。

在网上找到解决方法：配置nginx，参见这里。

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

于是去修改配置。服务器是Ubuntu 18.04版本,在/etc/nginx路径下找到配置文件nginx.conf，打开一看却没有server项。于是手动在http项下添加server项，并配置location项，重启nginx，发现并未生效。

后来参考这里，才知道默认的server配置不在nginx.conf文件中，而是在/etc/nginx/sites-available的default文件中。修改其如下：

重启nginx，问题解决。