vue打包部署

// vue-cli-service build 命令用于打包 Vue 项目。以下是打包和部署 Vue 项目的示例代码和解释说明。

// 1. 打包项目
// 在项目根目录下运行以下命令：
npm run build

// 这条命令会执行 package.json 中的 "build" 脚本，通常是：
"scripts": {
  "build": "vue-cli-service build"
}

// 执行后会在项目根目录下生成一个 dist 文件夹，里面包含了打包后的静态文件（如 index.html、js、css 等）。

// 2. 部署到服务器
// 假设你使用的是 Nginx 服务器，可以按照以下步骤进行部署：

// a. 将 dist 文件夹上传到服务器的某个目录，例如 /var/www/html/my-vue-app

// b. 修改 Nginx 配置文件，假设配置文件位于 /etc/nginx/sites-available/default
server {
  listen 80;
  server_name your-domain.com;

  location / {
    root /var/www/html/my-vue-app;
    try_files $uri $uri/ /index.html;
  }
}

// c. 重启 Nginx 使配置生效
sudo service nginx restart

// 以上步骤完成后，你的 Vue 应用就可以通过访问 your-domain.com 来查看了。

如果你需要更详细的配置或遇到具体问题，请提供更多细节。