vue项目打包部署到服务器

1. 在本地使用npm run build命令打包vue项目，生成dist目录。

2. 将dist目录上传到服务器，可以使用FTP工具等方式上传。

3. 在服务器上安装Node.js和Nginx。

4. 在Nginx的配置文件中添加以下配置：

server {
    listen 80;
    server_name yourdomain.com;

    root /path/to/dist;

    location / {
        try_files $uri $uri/ /index.html;
    }
}

将yourdomain.com替换为你的域名，将/path/to/dist替换为dist目录的路径。

5. 启动Nginx服务，访问你的域名即可看到vue项目的页面。

注意事项：

• 如果使用HTTPS协议，需要在Nginx配置文件中添加SSL证书相关配置。

• 如果使用的是Vue Router，需要将Nginx配置中的try_files语句修改为以下形式：

try_files $uri $uri/ /index.html?$query_string;

这样可以保证在访问带参数的URL时，Vue Router可以正确路由到对应的页面