27牧

.env.development

@@ -9,7 +9,7 @@ ENV = 'development'
 #VUE_APP_BASE_API = 'http://kpttest.kptyun.com/'
 
 # 线上
-VUE_APP_BASE_API = 'http://127.0.0.1/'
+VUE_APP_BASE_API = 'http://127.0.0.1:8081/'
 
 线上
 #VUE_APP_BASE_API = 'http://127.0.0.1:8081/'

default.conf.template

@@ -1,7 +1,8 @@
 server {
    listen       80;
    listen  [::]:80;
-   server_name  localhost;
+   # ========== 重点修改1：把 localhost 改成你的前端域名 ==========
+   server_name  bmsm27.kptyun.com;
 
    gzip on;
    gzip_static on;
@@ -10,17 +11,41 @@ server {
 
    location / {
         root /usr/share/nginx/html;
-        #index index.html;
         try_files $uri $uri/ /index.html;
-        client_max_body_size 300m;   #最大接受300m文件以内的
+        client_max_body_size 300m;
         client_body_timeout 20s;
    }
-   #error_page  404              /404.html;
 
-   # redirect server error pages to the static page /50x.html
-   #
+   # ========== 核心新增：后端接口代理转发规则（解决跨域的关键，必加） ==========
+   # 匹配你的后端所有接口，比如 /auth /api /xxx 等全部走这个代理
+   location ^~ /auth {
+        # 代理转发到你的后端真实接口地址
+        proxy_pass http://bmsm278082.kptyun.com/auth;
+        # 下面是代理必备的请求头，缺一不可，解决跨域+接口正常通信
+        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_set_header X-Forwarded-Proto $scheme;
+        proxy_connect_timeout 60s;
+        proxy_read_timeout 60s;
+        # 解决预检OPTIONS请求跨域
+        add_header Access-Control-Allow-Origin *;
+        add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS, PUT, DELETE';
+        add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
+        if ($request_method = 'OPTIONS') {
+            return 204;
+        }
+   }
+
+   # 【可选】如果你的后端还有其他接口，比如 /api/** ，就加这个规则，格式和上面一致
+   # location ^~ /api {
+   #      proxy_pass http://bmsm278082.kptyun.com/api;
+   #      proxy_set_header Host $host;
+   #      proxy_set_header X-Real-IP $remote_addr;
+   # }
+
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
       root   /usr/share/nginx/html;
    }
-}
+}