nginx + vue

安装nginx(本人安装方式)

1 yum install ngnix 
# yum 安装是在线安装，好处是：安装方式简单，不易出错；
# 源码包 安装是先将 nginx 的源码下载下来，在自己的系统里编译生成可执行文件，然后执行，好处是：因为是在自己的系统上编译的，更符合自己系统的性能，也就是说在自己的系统上执行 nginx 服务性能效率更好。

2 启动命令
# service nginx stop
# service nginx start
# service nginx restart

# 在浏览器输入ip即可查看是否正确

systemctl status nginx.service
查看nginx状态

vue + nginx 部署

cd /etc/nginx
# nginx.conf 在这个目录下

vim nginx.conf

user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;


server {
        #listen       80 default_server;
        #listen       [::]:80 default_server;
        listen       8080;
        server_name  localhost;
        #root         /usr/share/nginx/html;
        root         /root/repos/glook/views/dist; # dist 路径

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        location / {
           index index.html;
           try_files $uri $uri/ /index.html; # 如果vue是history 需要添加
        } 


        error_page 404 /404.html;
            location = /40x.html {
        }
        
        error_page 500 502 503 504 /50x.html;
            location = /50x.html {
        }
    }

碰到的问题

1: “/root/repos/glook/views/dist/index.htmt” is forbidden (13: Permission denied)

answer:
- 检查用户（文件用户，nginx启动用户）
# 我的dist 的用户是root，但是启动的nginx的是nginx用户，所以权限出错

user nginx -> user root