Nginx学习

1、Nginx安装

安装指令：

sudo apt-get install nginx

2、Nginx启动

启动服务指令：

service nginx start

启动Nginx

    
        nginx -t
    
        nginx -s reload

3、Nginx配置

配置文件nginx.conf

反向代理

proxy_pass http://127.0.0.1:8080

跨域请求

    
        add_header Access-Control-Allow-Methods * always;
    
        add_header Access-Control-Allow-Headers $http_access_control_request_headers;
    
        add_header Access-Control-Allow-Origin $http_origin always;

http请求头

• proxy_set_header Host $host;
• proxy_set_header X-Real-IP $remote_addr;
• proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
• proxy_buffering off;

请求重定向（nginx post请求无效问题）

• rewrite ^/api/(.*)1 break;

4、Nginx部署vue发布包

4.1 vue项目打包

npm run build

生成文件

1.jpg

4.2 Nginx上包地址

解压vue的dist包，将包中的文件拷贝到 /usr/share/nginx/html/ 下，浏览器就可以访问网页了。