部署Vue项目到服务器后404错误

构建项目：Vue项目构建后生成一系列静态文件。

上传文件：使用scp命令将构建好的文件上传至服务器的web容器指定静态目录。

scp dist.zip user@host:/xx/xx/xx

配置Web服务器：以Nginx为例，配置服务器以指向静态文件目录。

server {
  listen 80;
  server_name www.xxx.com;
  location / {
    index /data/dist/index.html;
  }
}

重启Nginx：检查配置并重启Nginx以应用更改。

nginx -t
nginx -s reload

访问域名：在浏览器输入域名以访问部署的应用。
以上是最直接的一种部署方式。更高级的部署方式，如自动化、镜像、容器和流水线部署，本质上是将此逻辑抽象和程序化，本文不展开讨论。