欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-03-04 14:10:45
...

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服务

sudo nginx -s reload