两个 windows 虚拟机 A,B
A 是安装了 nginx ，并且在 nginx 下的 html 放了一个名为 Bi 的文件夹，里面是前端项目打包后的 dist 文件
问题：
在 A 服务器本地访问 localhost 或者本机 ip 可以正确的打开界面，但是在 B 虚拟机里访问 A 的 ip 地址(模拟用户访问)打开的界面却是空白，看了 network 有成功访问到 index.htmlwen 文件。请问这是哪里出了问题?
nginx 配置：
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
export default defineConfig({
outputPath: 'dist',
publicPath: '/',
manifest: {
basePath: '/',
},
routes: [
{ path: "/", component: "@/pages/index/index.tsx" },
],
npmClient: 'yarn',
});
