vscode和idea前后端交互

在VSCode和IDEA中进行前后端交互，可以通过配置代理服务器来实现。首先，需要在VSCode中使用live-server命令运行layui项目，并将项目端口改为8081。可以在C:\Users\xuan\AppData\Roaming\npm\node_modules\live-server\index.js文件中修改默认端口为8081。\[1\]

接下来，在nginx安装目录中创建一个reverse-proxy.conf文件，并在该文件中编写以下内容：

server {
    listen 8080;
    server_name localhost;

    location / {
        proxy_redirect off;
        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_pass http://localhost:8081;
    }

    location /api {
        rewrite ^.+api/?(.*)$ /$1 break;
        include uwsgi_params;
        proxy_pass http://localhost:8082;
    }
}

这样配置后，Nginx会监听localhost的8080端口。当用户访问http://localhost:8080时，Nginx会正向代理到http://localhost:8081（即前端layui框架的页面）。而当用户访问http://localhost:8080/api时，Nginx会反向代理到http://localhost:8082（即后端接口）。\[2\]\[3\]

通过这样的配置，前端和后端就可以在VSCode和IDEA中进行交互了。前端页面可以通过http://localhost:8080访问，而后端接口可以通过http://localhost:8080/api访问。
#### 引用[.reference_title]
- *1* *2* *3* [前端VSCode layui项目+后端IDEA Springboot项目实现前后端分离](https://blog.csdn.net/qq_41823964/article/details/123014517)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]