请教大家一个关于前端项目部署的问题


目前的环境：
两个 windows 虚拟机 A,B
A 是安装了 nginx ，并且在 nginx 下的 html 放了一个名为 Bi 的文件夹，里面是前端项目打包后的 dist 文件

问题：
在 A 服务器本地访问 localhost 或者本机 ip 可以正确的打开界面，但是在 B 虚拟机里访问 A 的 ip 地址(模拟用户访问)打开的界面却是空白，看了 network 有成功访问到 index.htmlwen 文件。请问这是哪里出了问题?

nginx 配置：

```text
user nobody;
worker_processes 1;

#error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;

#pid logs/nginx.pid;

events {
worker_connections 1024;
}

http {
include mime.types;
default_type application/octet-stream;

#log_format main '$remote_addr - $remote_user [$time_local] "$request" '
# '$status $body_bytes_sent "$http_referer" '
# '"$http_user_agent" "$http_x_forwarded_for"';

#access_log logs/access.log main;

sendfile on;
#tcp_nopush on;

#keepalive_timeout 0;
keepalive_timeout 65;

#gzip on;

server {
listen 80;
server_name localhost;

location / {
root D:/nginx-1.26.1/html/Bi;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}

error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
}


```

前端项目 config

```js
export default defineConfig({
outputPath: 'dist',
publicPath: '/',
manifest: {
basePath: '/',
},
routes: [
{ path: "/", component: "@/pages/index/index.tsx" },
],
npmClient: 'yarn',
});

```