一般我们部署模式是将Vue打包成静态资源，配置到Nginx的root目录下。

出现404的原因在于使用History模式的时候，访问的路径地址在root目录中并不实际存在，而是通过Javascript渲染出来的。

修改配置如下：

server {
    listen 80;
    server_name www.example.coom;
    index index.html;
    root /srv/example.com/wwwroot;

    # vue-router配置
    location / {
        try_files $uri $uri/ @router;
        index index.html;
    }
    location @router {
        rewrite ^.*$ /index.html last;
    }
}