Ubuntu部署前端项目

准备工作

• 要部署的服务器
• 启动Nginx（搭建教程）

上传前端项目

服务器创建目录

mkdir -p /opt/blog

使用git命令行将dist文件夹内容上传至服务器目录

scp -r dist/ root@[服务器ip]:/opt/blog

修改Nginx配置

查看nginx配置文件存放位置

whereis nginx

image-20231112181430580

进入到该目录，就可以看到nginx.conf

cd /usr/local/nginx/conf

image-20231112181645211

修改配置文件

vim nginx.conf

主要修改 server 即可

image-20231112184435423

重启Nginx

/usr/local/nginx/sbin/nginx -s reload

效果

在浏览器访问就可以看到前端项目了

image-20231112184545159