如何将Vue文件通过Nginx部署到Ubuntu当中

最新推荐文章于 2025-03-05 23:59:40 发布

--aasher

最新推荐文章于 2025-03-05 23:59:40 发布

阅读量225

点赞数

CC 4.0 BY-SA版权

分类专栏：前端开发技术栈文章标签： nginx ubuntu

本文链接：https://blog.youkuaiyun.com/SysEchoo/article/details/120167899

前端开发技术栈专栏收录该内容

2 篇文章

订阅专栏

这篇博客介绍了如何获取管理员权限，更新系统软件，创建并配置Nginx以托管静态网页。首先，通过sudo-i获取权限，然后更新APT库并安装Nginx。接着，在/usr/local下创建存放静态页面的目录，配置Nginx的静态文件服务，最后通过编辑static-page.conf文件设置域名、页面路径及静态文件访问规则，并重启Nginx服务使配置生效。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.获取管理员权限

sudo -i

2.更新APT库

sudo apt-get update
sudo apt-get upgrade

3.在本地建立存放静态页面的路径，并将页面存到到路径当中

cd /usr/local
sudo mkdir /static-page

4.安装Nginx

sudo apt-get install nginx

5.配置Nginx

cd /etc/nginx/conf.d/ 输入ls 查看目录  空的就没配置过
然后通过 vi 命令新建一个配置文件
例如： (名字随意)
sudo vi static-page.conf 
输入i

6.在 static-page.conf填入一下信息

server {
  server_name static.naice.me; // 你的域名或者 ip
  root /www/static-web/static-web; // 你的克隆到的项目路径
  index index.html; // 显示首页
  location ~* ^.+\.(jpg|jpeg|gif|png|ico|css|js|pdf|txt){
    root /www/static-web/static-web;
  } // 静态文件访问
}

7.按下esc然后输入:wq！来保存你编辑的内容

8.退出之后我们需要通过命令行重启 Nginx服务