前端工作中 关于 nginx 本地代理 的初步认识

一、原项目回滚到最初。(前端做过 proxy 代理配置)

二、下载 nginx 稳定版 ，并解压到自己所指定的位置

三、配置 nginx ，找到它下边的 conf 文件中的 nginx.conf文件

        备注（问后端 server 如何配置，从后端那拉过来直接用）

server {        
        listen       8090;                // 启动时地址栏对应的端口
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location /xxx/api {
            proxy_pass  http://xx.xx.xxx.xxx:xxxxx/api;
        }

       location /{
            proxy_pass  http://localhost:8080;       

                                 //  👆对应 vue 项目中 config 文件夹下的 index.vue 中的port: 8080,
        }

        

四、保存后启动 nginx。

        1.在 nginx 当前文件夹中输入 cmd 。输入指令 nginx.exe 启动。（保持不关闭状态）

         2.在 nginx 当前文件夹中输入 cmd 。（新开启一个） 输入指令  nginx -s reload 保存之前的更改。

五、启动 vue 项目 npm run dev 。地址栏输入 http://localhost:8090

六、nginx 本地代理成功。