Vue.js项目部署到服务器的详细步骤涉及多个环节，包括前期准备、打包项目、服务器设置以及部署过程等。需要确保你有一个云服务器。如果你是学生，可以购买阿里云的学生机，价格相对便宜。在服务器的选择上，由于本示例中的朋友使用的是CentOS系统，因此对于Windows 10用户来说，Xshell和WinSCP这两个工具能极大地方便文件的上传与远程操作。
在项目准备工作方面，你需要打包你的Vue.js项目。如果项目需要跨域请求数据，还需准备一个小型的Node.js服务器。打包时，项目会被编译成dist文件夹中的内容。之后，使用WinSCP将dist文件夹和Node.js应用的app.js上传到服务器。
安装Node.js是一个关键步骤。需要先下载Node.js的源码包，然后通过SSH连接到远程服务器上进行解压、编译和安装。在编译安装过程中，如果遇到缺少g++编译器的情况，需要先通过yum安装gcc-c++。安装完成后，通过编辑/etc/profile文件来配置Node.js的环境变量，确保node命令可以在任何目录下使用。接下来，使用npm安装pm2（一个用于保证Node.js应用持续运行的进程管理器），并使用pm2启动你的Node.js应用。pm2的安装方法是npm install pm2 -g，启动方法是pm2 start app.js --watch，之后再执行pm2 save来保存配置，使得应用能在服务器重启后自动运行。
在服务器端，可能会遇到防火墙设置的问题。如果服务器防火墙关闭了你想要开放的端口，你需要配置iptables来开放特定端口。例如，如果你的Node.js应用使用的是8000端口，你需要添加一条iptables规则来开放该端口。安装iptables后，可以使用一系列iptables命令来清除旧规则、添加新的规则并保存，最后重启iptables服务以使规则生效。
在部署完成后，使用iptables -L -n命令查看所有开放的端口，以确认你的项目运行端口已经被正确开放。至此，一个Vue.js项目的部署就完成了，你可以通过浏览器访问服务器的公网IP加上相应的端口号来查看你的Vue.js应用是否正常运行。
整个部署过程需要对服务器的操作系统、网络配置以及Node.js和Vue.js有一定的了解。对Linux命令行的操作也是必须的，尽管可以使用图形化的工具如WinSCP来简化操作。整个过程不仅涉及了软件层面的配置，也涉及到了网络和服务器安全的配置，因此需要小心谨慎地进行操作。
