安装Nginx并配置

安装

sudo apt install nginx

 

修改默认配置文件

sudo vim /etc/nginx/nginx.conf

图中所圈用户默认为www-data，即nginx工作用户

当使用Nginx代理访问前端静态资源时，则会报错，根据报错日志可以看到类似 (13: Permission denied)的输出日志，即www-data用户无法访问静态资源目录，因此我们需要将nginx工作用户修改为创建静态资源目录的用户

 

启动

sudo systemctl start nginx

 

验证 Nginx 是否运行

sudo systemctl status nginx

 

查看nginx版本

nginx -v

 

访问服务器的 IP 地址，应该能看到 Nginx 的欢迎页面

 

此处以通过Nginx配置访问前端静态资源（Vue）为例_{（新建文件夹conf.d以及配置文件vue_alpha.conf）}

server {
    listen 80;
    server_name 192.168.1.7;  # 将 'server_name' 替换为你的域名或 IP 地址

    root /home/w/work/vue_alpha/dist;  # 将此路径替换为你的 Vue 应用的 dist 目录路径
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;  # 确保 Vue Router 使用 history 模式时正确处理路由
    }
}

检查配置文件是否正确

sudo nginx -t

 

重新加载配置

sudo systemctl reload nginx