centos7部署vue项目前端

首先，确保你已经在CentOS 7上安装了Node.js和npm。如果没有，请先安装它们。

接下来，按照以下步骤部署Vue.js项目：

1. 在服务器上创建一个文件夹，用于存储你的Vue.js项目。例如：

sudo mkdir /var/www/vue-project

2. 进入该目录并使用npm初始化新的项目：

cd /var/www/vue-project
sudo npm init

3. 安装Vue.js和Vue CLI：

sudo npm install vue
sudo npm install -g @vue/cli

4. 创建Vue.js项目：

sudo vue create my-app

5. 进入项目文件夹并安装依赖：

cd my-app
sudo npm install

6. 构建Vue.js项目：

sudo npm run build

7. 配置Nginx，将Vue.js项目部署到Web服务器：

在Nginx的站点配置文件中添加以下内容：

server {
    listen 80;
    server_name example.com;
    root /var/www/vue-project/my-app/dist;
    index index.html;
    location / {
        try_files $uri $uri/ /index.html;
    }
}

其中，`example.com`是你的域名，`/var/www/vue-project/my-app/dist`是Vue.js项目的构建输出目录。

8. 重启Nginx服务：

sudo systemctl restart nginx

现在，你的Vue.js项目已经成功部署到CentOS 7上，并可以通过Nginx Web服务器访问了。