1. 程式人生 > >Nginx+Springboot+Vue 前後端分離 解決跨域問題

Nginx+Springboot+Vue 前後端分離 解決跨域問題

1:前端vue 寫完 打包

npm run build prod

 

2: 後端api 寫完打包 springboot

mvn package -Dmaven.test.skip=true

 

3: nginx配置反向代理,解決跨域問題

配置如下

 server {
       listen     80;  //監聽80埠
       server_name www.im.com;  // 配置域名
        include /etc/nginx/default.d/*.conf;
        root   /home/workspace/dist;  //前端 打包靜態檔案
        location /login {                  // 當訪問/login的時候 nginx反向代理請求為 http://47.143.7.134:8888;
                proxy_pass http://47.143.7.134:8888;

        }
        location /api {                     // 當訪問/api的時候 nginx反向代理請求為 http://47.143.7.134:8888;
                proxy_pass http://47.104.7.104:8888;

        }

    }