使用nginx实现前端部署

1.检查nginx是否已经启动

ps -ef | grep nginx

2.将前端项目资dist文件上传到Nginx的html目录下

记得解压，如果是zip文件

unzip 文件.zip

 3.修改Nginx配置文件nginx.conf

可以使用vim命令，建议直接打开文件编辑

vim /usr/local/nginx/conf/nginx.cof

    server {
        # 端口号
        listen       80;
        server_name  localhost;

        location / {
        	# 修改html/dist为根目录
            root   html/dist;
            index  index.html;  
        }
	
        location = /50x.html {
            root   html;
        }
        
        location ^~ /api/ {
            rewrite ^/api/(.*)$ /$1 break;
            # 设置服务器地址
            proxy_pass http://服务器ip:端口;
        }
    }

 如果使用vim命令，按下i，进行插入，编辑完成，按下esc键，输入：wq即可

4.重新加载nginx

跳转到sbin目录

cd /usr/local/nginx/sbin

保存，要重新加载nginx的配置文件

nginx -s reload

 通过nginx访问前端工程

http://服务器ip