nginx部署vue项目配置
时间: 2023-12-12 07:02:33 浏览: 42
要部署Vue项目,需要将Vue项目打包成静态文件,并将其部署到Nginx服务器上。下面是在Nginx中配置Vue项目的步骤:
1. 在服务器上安装Nginx,并启动Nginx服务。
2. 将Vue项目打包为静态文件。可以使用如下命令:
```
npm run build
```
这个命令会在项目的 `dist` 目录下生成打包后的静态文件。
3. 打开Nginx的配置文件,一般为 `/etc/nginx/nginx.conf`,编辑其中的 `server` 部分。可以使用如下命令:
```
sudo vi /etc/nginx/nginx.conf
```
4. 在 `server` 部分中添加以下配置:
```
server {
listen 80;
server_name example.com; # 修改为自己的域名
root /var/www/vue-project/dist; # 修改为自己的静态文件路径
location / {
try_files $uri $uri/ /index.html;
}
}
```
其中,`listen` 指定Nginx监听的端口号,`server_name` 指定域名,`root` 指定静态文件所在的目录,`location` 部分用于处理路由,将所有请求都指向 `index.html` 文件。
5. 保存配置文件并重启Nginx服务:
```
sudo service nginx restart
```
现在,就可以使用域名访问Vue项目了。