vue项目部署到阿里云服务器上 使用linux
时间: 2024-05-13 19:16:39 浏览: 179
基于 vue-cli 2 实现,window环境下支持项目一键部署到 Ubuntu 服务器
部署 Vue 项目到阿里云服务器可以分为以下几个步骤:
1. 安装 Node.js 和 npm
在 Linux 系统上安装 Node.js 和 npm 可以使用包管理器来安装,例如在 Ubuntu 系统上可以使用以下命令来安装:
```
sudo apt-get update
sudo apt-get install nodejs
sudo apt-get install npm
```
2. 安装 Vue CLI
使用 npm 安装 Vue CLI:
```
npm install -g @vue/cli
```
3. 构建 Vue 项目
在项目根目录下执行以下命令构建项目:
```
npm run build
```
将会在项目根目录下生成一个 `dist` 目录,里面包含了构建好的静态文件。
4. 配置 Nginx
安装 Nginx:
```
sudo apt-get install nginx
```
创建一个新的 Nginx 配置文件 `/etc/nginx/sites-available/vue-app`,内容如下:
```
server {
listen 80;
server_name yourdomain.com;
root /var/www/vue-app/dist;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
}
```
将 `yourdomain.com` 替换为你的域名或者 IP 地址。
启用刚创建的 Nginx 配置文件:
```
sudo ln -s /etc/nginx/sites-available/vue-app /etc/nginx/sites-enabled/
```
重启 Nginx:
```
sudo service nginx restart
```
现在你可以通过浏览器访问你的 Vue 应用了。
注意:如果你的服务器开启了防火墙,需要打开 80 端口或者使用 HTTPS 协议来访问。
阅读全文