centos7部署vue项目前端
时间: 2023-09-06 14:11:02 浏览: 156
要在CentOS 7上部署Vue.js项目,需要进行以下步骤:
1. 安装Node.js和npm:
```
sudo yum install -y nodejs npm
```
2. 安装Vue CLI:
```
sudo npm install -g @vue/cli
```
3. 创建Vue.js项目:
```
vue create my-project
```
4. 进入my-project目录:
```
cd my-project
```
5. 运行开发服务器:
```
npm run serve
```
这将在http://localhost:8080上启动开发服务器。
6. 配置Nginx服务器:
在CentOS 7上安装Nginx服务器:
```
sudo yum install -y nginx
```
然后打开Nginx配置文件:
```
sudo vi /etc/nginx/nginx.conf
```
在http块中添加以下内容:
```
server {
listen 80;
server_name your_domain.com;
root /path/to/my-project/dist;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
}
```
然后重新启动Nginx服务器:
```
sudo systemctl restart nginx
```
7. 部署Vue.js项目:
在my-project目录下运行以下命令:
```
npm run build
```
这将在my-project/dist目录中生成编译后的文件。将这些文件上传到Nginx服务器上的指定目录中。
现在,您的Vue.js项目已经成功部署到CentOS 7上。
阅读全文