Vue项目打包部署实操
以下是Vue项目打包部署的实操步骤:
-
在命令行中进入Vue项目的根目录,执行以下命令安装依赖:
npm install -
执行以下命令进行打包:
npm run build打包完成后,会在项目根目录下生成一个
dist目录,里面包含了打包后的静态文件。 -
将
dist目录中的所有文件上传到服务器,可以使用FTP工具或者其他文件传输工具进行上传。 -
在服务器上安装
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服务即可。 -
在浏览器中访问你的域名或者IP地址,就可以看到部署好的Vue项目了
原文地址: https://www.cveoy.top/t/topic/dxCJ 著作权归作者所有。请勿转载和采集!