Vue前端项目打包，并部署Vue项目到Linux云服务器上
warning:
这篇文章距离上次修改已过239天，其中的内容可能已经有所变动。
在将Vue项目打包并部署到Linux云服务器的过程中，以下是主要步骤和示例代码：
- 在本地开发环境中，确保你的Vue项目可以本地成功运行。
在项目根目录下运行构建命令，生成生产环境的代码：
npm run build- 将
./dist目录（构建后的文件默认位置）中的内容上传到云服务器。你可以使用FTP、SCP或者其他文件传输工具来完成这一步。 - 在云服务器上安装Nginx或Apache，以便作为Web服务器。
配置Web服务器来服务你的Vue应用。以下是一个Nginx的配置示例：
server { listen 80; server_name your-domain.com; # 你的域名或者公网IP location / { root /path/to/your/vue/dist; # Vue项目构建后的文件目录 try_files $uri $uri/ /index.html; } }- 重启Web服务器，并确保防火墙设置允许外部访问你配置的端口。
- 通过浏览器或者curl测试你的Vue应用是否可以通过服务器公网IP正确访问。
注意：确保你的云服务器安全组或防火墙规则允许访问你所使用的端口（默认是80端口）。如果你使用的是HTTPS，还需要配置SSL证书。
评论已关闭