在静态页面中使用,Docker部署网站之后映射域名

不使用Node.js,NPM,Webpack等, 在静态页中使用Vue.js. 包括路由, 单文件组件.

轮询:

Docker中部署tomcat相信大家也都知道,不知道的可以google 或者bing
一下。这里主要是为了记录在我们启动容器之后,tomcat需要直接定位到网站信息,而不是打开域名之后,还得加个blog后缀才能访问到我们的网站首页。

  1. 创建index.html

客户端定时向服务器发送Ajax请求,服务器接到请求后马上返回响应信息并关闭连接。优点:后端程序编写比较容易。缺点:请求中有大半是无用,浪费带宽和服务器资源。实例:适于小型应用。

Docker exec -it [容器id] bash

index.html做为项目的首页, 主要用来定义页面框架,
加载必需的css和script.这里使用element-ui的导航菜单组件搭建了一个页面框架.

长轮询:

进到/usr/local/tomcat/conf/ 修改 server.xml。

需要注意的是,el-menu标签要加上:default-active=”$route.path”和@select=”handleSelect”;
有了这两个属性才能实现路由的跳转.

客户端向服务器发送Ajax请求,服务器接到请求后hold住连接,直到有新消息才返回响应信息并关闭连接,客户端处理完响应信息后再向服务器发送新的请求。优点:在无消息的情况下不会频繁的请求,节省了网络流量,解决了服务端一直疲于接受请求的窘境缺点:服务器hold连接会消耗资源,需要同时维护多个线程,服务器所能承载的TCP连接数是有上限的,这种轮询很容易把连接数顶满。实例:WebQQ、Hi网页版、Facebook
IM。

在我们安装完docker容器,第一次进到容器内部的时候,是没有vi命令的,需要我们进行安装。

在菜单项el-meun-item标签中要加上index=”menu-2-index”属性,
意思就是当前菜单对应的路由.

长连接:

执行apt-get install vi/vim会报以下问题。

最后不要忘记”router-view/router-view”. Vue 组件将会被填充的这里.

在页面里嵌入一个隐蔵iframe,将这个隐蔵iframe的src属性设为对一个长连接的请求,服务器端就能源源不断地往客户端输入数据。优点:消息即时到达,不发无用请求。缺点:服务器维护一个长连接会增加开销。实例:Gmail聊天

root@4c160951c197:/usr/local/tomcat/conf# apt-get install viReading package lists... DoneBuilding dependency tree Reading state information... DoneE: Unable to locate package vi

发表评论

电子邮件地址不会被公开。 必填项已用*标注