以下是Vue项目打包部署的实操步骤:

  1. 在命令行中进入Vue项目的根目录,执行以下命令安装依赖:

    npm install
    
  2. 执行以下命令进行打包:

    npm run build
    

    打包完成后,会在项目根目录下生成一个dist目录,里面包含了打包后的静态文件。

  3. dist目录中的所有文件上传到服务器,可以使用FTP工具或者其他文件传输工具进行上传。

  4. 在服务器上安装nginx或者其他Web服务器,配置静态文件服务。

    nginx为例,可以在nginx.conf中添加以下配置:

    server {
        listen 80;
        server_name your_domain.com; # 修改为你的域名或者IP地址
        root /path/to/your/project/dist; # 修改为你的项目打包后的路径
        index index.html;
    
        location / {
            try_files $uri $uri/ /index.html;
        }
    }
    

    然后重启nginx服务即可。

  5. 在浏览器中访问你的域名或者IP地址,就可以看到部署好的Vue项目了


原文地址: https://www.cveoy.top/t/topic/dxCJ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录