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结构如下:

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

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

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

  1. vue 打包路由报错_Vue下路由History模式打包后页面空白的解决方法

    vue的路由在默认的hash模式下,默认打包一般不会有什么问题,不过hash模式由于url会带有一个#,不美观,而且在微信分享,授权登录等都会有一些坑.所以history模式也会有一些应用场景.新手往 ...

  2. Win10计算机窗口空白,Win10系统下启用或关闭windows功能打开后显示空白如何解决...

    最近有win10系统用户在打开启用或关闭windows功能要进行操作的时候,发现打开后显示一片空白,导致无法任何操作,该怎么办呢,本文就给大家讲解一下Win10系统下启用或关闭windows功能打开后 ...

  3. vue项目打包部署后页面空白

    创建vue.config.js文件,输入: module.exports = {publicPath: './' } 如果没生效,在vue-ui可视化界面中设置 路由设置为hash或默认模式,rout ...

  4. nginx 配置 同一域名端口下,根据URL 导向不同的项目目录

    我们现在拥有2个项目.但是只有一个域名,通过nginx配置来实现以下url导向不同的项目. 后台管理台:{域名}/admin 用户客户端:{域名}/client server {listen 8888 ...

  5. nginx 同一个IP上配置多个HTTPS主机

    最近公司域名更变,同时,又要新旧域名同时运行. 那么,对于https的域名在同一个IP上如何同时存在多个虚拟主机呢?遂,查看了下nginx手册,有这么一段内容,如下: 如果在同一个IP上配置多个HTT ...

  6. 检测到在集成的托管管道模式下不适用的ASP.NET设置的解决方法(非简单设置为【经典】模式)...

    我们将ASP.NET程序从IIS6移植到IIS7,可能运行提示以下错误: HTTP 错误 500.23 - Internal Server Error 检测到在集成的托管管道模式下不适用的 ASP.N ...

  7. 检测到在集成的托管管道模式下不适用的ASP.NET设置的解决方法(非简单设置为【经典】模式)。 - CatcherX...

    我们将ASP.NET程序从IIS6移植到IIS7,可能运行提示以下错误: HTTP 错误 500.23 - Internal Server Error 检测到在集成的托管管道模式下不适用的 ASP.N ...

  8. 一键部署dns服务_一键设置DNS

    一键设置DNS中文版是一款相当实用的专业化DNS配置工具,一键设置DNS最新版功能强劲,能够支持用户根据提前设定好的规则,动态的为电脑设置.更改DNS服务器地址,一键设置DNS软件便捷好用,可以帮您轻 ...

  9. 如何实现同一个ip下同一个80端口部署多个网站?

    [一台服务器上如何创建多个网站?] 原理分析 本质就是Nginx监听一台服务器的80端口,使用不同的域名映射到不同的Linux文件目录(站点发布的目录) 首先就是多个域名可以解析到同一个ip地址.我们 ...

最新文章

  1. 谷歌员工怒了 900人联名抗议 刚成立的AI道德委员会处境尴尬
  2. JVM学习笔记(二)------Java代码编译和执行的整个过程
  3. python 几种不同的格式化输出
  4. mac下natapp使用
  5. 同等学力申硕计算机科学与技术参考书,2017同等学力申硕计算机科学与技术综合备考规划...
  6. python selenium 下载文件_Python Selenium —— 文件上传、下载,其实很简单
  7. FloatingActionMenu 向上弹出菜单
  8. IT人的素质 设计杂谈
  9. dubbo调用service后返回对象null_dubbo-go 白话文 | go 和 java 互通有无
  10. 用命令行批处理bat,设置代理服务器、DNS、网关、WINS等
  11. 随笔记--深浅拷贝问题
  12. 实验一:JDK下载与安装、 Eclipse下载与使用
  13. ubuntu linux软件,Linux新系统必装软件(Ubuntu及类似系统)
  14. excel等额本息计算房贷公式
  15. JavaScript基础--ECMAScript部分--李南江
  16. 贪心算法3——加油站问题
  17. Android 版本简介
  18. Sql Server 系统的存储过程
  19. 推荐一个自学java非常好的网站!
  20. PID控制算法基础介绍

热门文章

  1. 动态规划 —— 最长递增子序列(LIS)
  2. 从np.random.normal()到正态分布的拟合
  3. python就业前景不好_python哪个方向容易就业
  4. linux svn 可视化工具,CentOS 安装SVN以及可视化管理工具iF.SVNAdmin
  5. python官网下载安装-Python2.7.6下载
  6. python自动化测试-【自动化测试】Python - unittest单元测试框架
  7. python和java哪个好-Python和Java到底哪个更好?
  8. python入门经典电子书-python从入门到精通pdf
  9. mac地址容量的作用_IP地址冲突网络故障排查案例
  10. linux printf 底层api,printf · Linux C API 参考手册 · 看云