在linux服务上和window环境上使用nginx部署vue项目并没有太大差异,把构建好的vue项目dist上传到linux服务上,通用修改nginx服务器中的root来指向dist就ok了,然后使用
时间: 2024-12-21 15:30:19 浏览: 3
基于freeRTOS和STM32F103x的手机远程控制浴室温度系统设计源码
在Linux服务器和Windows环境下部署Vue项目通过Nginx确实有相似之处。首先,你需要做的是:
1. **构建Vue项目**:确保你在本地已经使用Webpack或其他工具将Vue项目构建为静态文件,这通常会在`dist`目录下生成HTML、CSS和JavaScript文件。
2. **上传至服务器**:将`dist`目录下的所有内容通过FTP、SCP或SSH等远程文件传输工具复制到Linux服务器的相应路径,比如`/var/www/html`。
3. **配置Nginx**:登录到Linux服务器,编辑Nginx的配置文件,如`/etc/nginx/sites-available/default`或自定义的虚拟主机配置。在这里,你需要更新`server`块的`root`指令,指向你的Vue应用的`dist`目录。例如:
```
location / {
root /var/www/html/dist;
index index.html;
}
```
4. **重启Nginx**:完成配置后,使用命令`sudo nginx -s reload`重启Nginx服务,让新的配置生效。
5. **测试访问**:通过服务器的IP地址加上域名(如果有的话),如`http://yourdomain.com`或`http://your_server_ip`,检查是否能正常加载Vue应用。
阅读全文