使用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

原文地址：https://blog.csdn.net/weixin_73060959/article/details/142312773

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！