nginx 单个端口布置多个单页应用

目标:

1、在80端口布署2个单页应用

2、单页应用采用h5 history路由。

3、地址栏 以 ‘http://ip/1/‘ 开头, 则 去第一个单页应用,以‘http://ip/2/’开头 去第二个单页应用。

需要修改:

1、前端代码: 第一个单页应用应以 1作为基础路由,第二个单页应用应以2作为基础路由。例: 第一个应用中去 /home主页,则地址栏是 /1/home 。

2、打包文件publicPath改为 ‘1‘,使引用路径都加上/1/。例:

<script src=/1/js/chunk-vendors.2a8e7123.js> </script> <script src=/1/js/app.dd1c6375.js> </script> </body> </html>

3、nginx配置如下:

 server {
        listen       8000;
        server_name  localhost;
        root D:/nginx/nginx-1.13.12/html;
        location ^~/1/{
           try_files $uri  index1.html  /index1.html;
        }
        location ^~/2/{
            try_files $uri  index2.html  /index2.html;
        }

        location ^~/api/{
            proxy_pass http://10.15.4.113:9000/;
        }
}

html文件夹里面结构:

│  index1.html
│  index2.html
│  tree.txt
│
├─1
│  ├─xxx
│
└─2
  |─xxx // 这儿是app2的文件

  

原文地址:https://www.cnblogs.com/gsgs/p/9816444.html

时间: 2024-11-06 04:44:52

nginx 单个端口布置多个单页应用的相关文章

论单页Web应用+RESTful规约[上]

单页Web应用 概述 单页Web应用并不是突然诞生的一门新技术,而是web展示的一种新的尝试.它将所有的动作局限于一个Web页面,在加载站点首页的时候就加载站点需要的JavaScript和CSS.单页Web应用不会随着用户的操作而重新加载页面或者进行页面跳转,而是利用默默执行在后端的JavaScript动态的变换HTML内容,从而对用户动作做出响应.单页Web应用可以提供非常流畅的用户体验,并且在移动端Hybrid应用中有着Native应用的体验. 原理 根据RFC 1738中对URL的描述,U

单页Web应用:

概念: Web应用程序: WEB应用程序一般是B(浏览器)/S(服务器)模式.Web应用程序首先是“应用程序”,和用标准的程序语言,如C.C++等编写出来的程序没有什么本质上的不同.然而Web应用程序又有自己独特的地方,就是它是基于Web的,而不是采用传统方法运行的.换句话说,它是典型的浏览器/服务器架构的产物. 理解了什么是浏览器/服务器架构,就了解了什么是Web应用程序.常见的计数器.留言版.聊天室和论坛BBS等,都是Web应用程序,不过这些应用相对比较简单,而Web应用程序的真正核心主要是

单页应用SEO浅谈

单页应用SEO浅谈 前言 单页应用(Single Page Application)越来越受web开发者欢迎,单页应用的体验可以模拟原生应用,一次开发,多端兼容.单页应用并不是一个全新发明的技术,而是随着互联网的发展,满足用户体验的一种综合技术. SEO 一直以来,搜索引擎优化(SEO)是开发者容易忽略的部分.SEO是针对搜索(Google.百度.雅虎搜索等)在技术细节上的优化,例如语义.搜索关键词与内容相关性.收录量.搜索排名等.SEO也是同行.市场竞争常用的的营销手段.Google.百度的搜

per-CPU分配和释放单页框

内核经常请求和释放单个页框.为了提升系统性能,每个内存管理区定义了一个"每CPU"页框高速缓存.所有"每CPU"高速缓存包含一些预先分配的页框,它们被用于满足本地CPU发出的单一内存请求. 为每个内存管理区和每CPU提供了两个高速缓存:一个热高速缓存,它存放页框中所包含的内容很可能就在CPU硬件高速缓存中:还有一个冷高速缓存. 在内存管理区中,分配单页使用per-cpu机制,分配多页使用伙伴算法,结构图如下: 1.相关结构体 zone结构体中pageset成员指向内

.NET visual studio发布网站 允许更新此预编译站点 &amp;&amp; 使用固定命名和单页程序集

①允许更新此预编译站点 我们可以通过如下的方法发布VS2008的网站: “生成”→“发布网站”:弹出对话框!在打开的对话框中,有一个选项是至关重要的,那就是“允许更新此预编译站点”: “允许更新此预编译站点”这一项,默认情况下,前面是打上一个√的,至于要不要打上一个√,是可选的,那么,打勾与不打勾,有何区别呢? 也许大家都曾经发布过net网站,一般情况下,网站项目中的所有CS文件,会自动生成一个DLL动态链接库,这就能够很好的保护网站的源代码,因为代码一般都是放在CS文件里面的,既然都生成了DL

【读书笔记】WebApi 和 SPA(单页应用)--knockout的使用

Web API从MVC4开始出现,可以服务于Asp.Net下的任何web应用,本文将介绍Web api在单页应用中的使用.什么是单页应用?Single-Page Application最常用的定义:一个最初内容只包含html和JavaScript,后续操作通过Restful风格的web服务传输json数据来响应异步请求的一个web应用.SPA的优势就是少量带宽,平滑体验,劣势就是只用JavaScript这些平滑的操作较难实现,不像MVC应用,我们可以异步form,partview.不用担心,我们

七天学会ASP.NET MVC(七)——创建单页应用

注:本文为学习摘录,原文地址为:http://www.cnblogs.com/powertoolsteam/p/MVC_Seven.html 目录 引言 最后一篇学什么 实验32—整理项目组织结构 关于实验32 实验33——创建单页应用——第一部分—安装 什么是Areas? 关于实验33 实验34——创建单页应用——第二部分—显示Employee 实验35——创建单页应用——第三部分—新建Employee 实验36——创建单页应用——第三部分—上传 实验32 ———整理项目组织结构 实验32与其

SPA解释:单页应用程序

单页Web应用(single page web application,SPA),就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序. 单页Web应用 单页Web应用(single page web application,SPA),就是只有一张Web页面的应用.单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序.[1]浏览器一开始会加载必需的HTML.CSS和JavaScript,所

dedecms首页调用栏目内容和单页内容的方法

常用的需要调到首页来的单页内容,比如企业简介.联系我们等等内容,我们在首页可能都要进行体现.通过常规的方式,包括查阅dede官方论坛资料,都找不到比较合适的答案.今天我们就提供两种方式进行调用. 我们知道,单页内容的模板调用标签是 {dede:field.content/} ,经过试验,在首页使用 {dede:channelartlist } {dede:field.content/} {/dede:channelartlist } 进行调用,即可顺利的调出相关的数据. 但是我们发现,这种调用只