同一个ip服务器comcat下部署第二个项目怎么设置,用nginx在同一服务器端口下部署多个项目,第二个项目打开后页面空白?...

本文探讨了如何在服务器上使用Nginx在同一端口部署两个项目,其中一个项目正常,另一个却页面空白。详细分析了项目文件结构、路由配置、vue.config.js设置及Nginx配置,寻求解决页面空白问题的可能原因和罕见错误的排查方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.问题概括:

按照这篇文章的做法,用nginx在在服务器同一端口下部署多个项目,结果发现,第一个项目正常运行,第二个项目打开后页面空白。

2.服务器上项目文件夹的结构:

/home 路径下有两个如下的项目文件夹:

MiniProgram-Admin

|--client

|--static

|--index.html

|--server

Vue-mall

其中,MiniProgram-Admin是第二个项目,client是前端项目文件夹(static文件夹下是引用的css和js),server是后端项目文件夹

3.项目文件配置:

项目的路由配置:

const createRouter \= () \=> new Router({

mode: 'history', // require service support

base: process.env.NODE\_ENV \=== 'production' ? '/MiniProgram-Admin/client/index/' : '/index/',

scrollBehavior: () \=> ({ y: 0 }),

routes: constantRoutes

})

项目的 vue.config.js 文件配置

publicPath: process.env.NODE\_ENV \=== 'production' ? '/MiniProgram-Admin/client/' : '/',

4.nginx 文件的配置:

upstream koa.server {

server localhost:3000;

}

server {

listen 80;

location / {

root /home/vue-mall/;

index index.html index.htm;

try_files $uri $uri/ @router;

}

location /admin {

alias /home/MiniProgram-Admin/client;

index index.html index.htm;

try_files $uri $uri/ /MiniProgram-Admin/client/index.html;

}

location @router {

rewrite ^.*$ /index.html last;

}

}

5. 问题:

访问第一个项目(vue-mall),正常;访问第二个项目(

MiniProgram-Admin),页面空白,html结构如下:

bVbKoeg

并且有一定的机率出现这个报错(之前尝试的时候没有出现过)

bVbKoex

不知道是哪里配置错了?而且这个报错也很迷,有时候不出现,但是不管报不报错,页面都是空白的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值