如下所示： let http=require("http"); //引入核心http模块 let fs=require("fs"); let mime={.js:application/javascript,.css:text/css } //创建一个函数，req代表客户端，res代表服务器可写流 let listener=(req,res)=>{ //res是可写流，有write和endif(req.url==="/"){//设置编码res.setHeader(Content-Type,text/html;charset=utf-8);fs.createReadStream(index.html).pipe(res);}else{if(fs.existsSync(`.${req.url}`)) {res...
web服务器至少有以下几个特点： 1、24小时不停止的工作，也就是说这个进程要常驻在内存中 2、24小时在某一端口监听，如: http://localhost:8080, www服务器默认端口80 3、要能够处理基本的请求：如get, post 在node js中创建一台服务器非常的简单，因为node自带http模块，该模块可以帮助我们非常快速搭建一台web服务器，来处理一个简单的请求.const http = require("http");var server = http.createServer(function(){console.log...
写在前面 在web服务端开发中，字符的编解码几乎每天都要打交道。编解码一旦处理不当，就会出现令人头疼的乱码问题。 不少从事node服务端开发的同学，由于对字符编码码相关知识了解不足，遇到问题时，经常会一筹莫展，花大量的时间在排查、解决问题。 文本先对字符编解码的基础知识进行简单介绍，然后举例说明如何在node中进行编解码，最后是服务端的代码案例。本文相关代码示例可在这里找到。 关于字符编解码 在网络通信的过程中，...
本篇博客主要说明：前后端框架（本例中是vue和koa）如何发送请求?获取响应？以及跨域问题如何解决？vue部分： import App from ./App.vue import Axios from axios new Vue({el: #app,render: h => h(App),mounted(){Axios({method: get,url: http://localhost:3000,}).then((response) => {console.log(response);})} })koa部分： const Koa = require(koa); const cors = require(koa-cors); const app = new Koa(); const main ...
一、什么是服务端渲染客户端请求服务器，服务器根据请求地址获得匹配的组件，在调用匹配到的组件返回Promise (官方是asyncData方法)来将需要的数据拿到。最后再通过window.__initial_state=data将其写入网页，最后将服务端渲染好的网页返回回去。接下来客户端将用新的store状态把原来的store状态替换掉，保证客户端和服务端的数据同步。遇到没被服务端渲染的组件，再去发异步请求拿数据。服务端渲染的环境搭建这是vue官网的服务端渲...
Gzip是什么 复制大神们的解释吧： GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNIX系统的文件压缩。我们在Linux中经常会用到后缀为.gz的文件，它们就是GZIP格式的。现今已经成为Internet 上使用非常普遍的一种数据压缩格式，或者说一种文件格式。HTTP协议上的GZIP编码是一种用来改进WEB应用程序性能的技术。大流量的WEB站点常常使用GZIP压缩技术来让用户感受更快的速度。这一般是指WWW服务器中安装的一个功能,当有人来访问这...
vue 简介 Vue.js（读音 /vju?/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 vue是目前最流行的前端框架，今天要介绍的是如何利用vue+webpack+express的方式进行前后端分离的开发。 1、首先用vue-cli初始化项目目录 vue init webpack pro-name cd pro-name && npm install npm run dev 看到127.0.0....
对于Node.js新手，搭建一个静态资源服务器是个不错的锻炼，从最简单的返回文件或错误开始，渐进增强，还可以逐步加深对http的理解。那就开始吧，让我们的双手沾满网络请求！ Note: 当然在项目中如果有使用express框架，用express.static一行代码就可以达到目的了： app.use(express.static(public))这里我们要实现的正是express.static背后所做工作的一部分，建议同步阅读该模块源码。 基本功能不急着写下第一行代码，而是先梳理一...
每当提起反向代理器，人们通常一想到的就是 Nginx，但是今天我们暂时忽略大名鼎鼎的 Nginx，采用同样也是使用单线程、事件循环的服务端小弟——Node 来达成跨域问题是前端开发很常见的问题解决方案有很多种 jsonp返回Access-Control-Allow-Origin:* (需要注意的是 对于post请求会变成option请求需求后端支持)前端添加代理前端添加代理以vue-cli为例，前端添加代理 dev: {env: require(./dev.env),port: 8888,autoOpenBrowser: true...
我最近在研究nodejs的路上，正好这两天了解了nodejs HTTP服务，那么今天也算个学习笔记吧！nodejs最重要的方面之一是具有非常迅速的实现HTTP和HTTPS服务器和服务的能力。http服务是相当低层次的，你可能要用到不同的模块，如express来实现完整的Web服务器，http模块不提供处理路由、cookie、缓存等的调用。我们主要用http模块的地方是实现供应用程序使用的后端Web服务。 1.处理URL 统一资源定位符(URL)为把一个请求发到正确的服务...
Vue项目webpack打包部署到服务器 这篇博文主要说的就是我今天遇到的问题，而且在经过我的询问，好多人在打包部署的时候都遇到了一些问题，下面就来说下，如何将Vue项目放置在服务器上，这里以Tomcat为例。 必须要配置的就是/config/index.js 在vue-cli webpack的模板下的/config/index.js，我们可以看到assetsPublicPath这个键，并且这个东西还出现了两次，我第一次打包的时候，只是修改了最下面的assetsPublicPath，将它从/变为了...
www文件夹下template文件夹下server.js代码： const express=require(express); const static=require(express-static); //托管静态文件 const cookieParser=require(cookie-parser); //解析cookie const cookieSession=require(cookie-session); //解析session const bodyParser=require(body-parser); //解析post数据 const multer=require(multer); const consolidate=require(consolidate); const mysql=require(...
本文介绍了Vue应用部署到服务器，分享给大家，希望此文章对各位有所帮助。 很多时候我们发现辛辛苦苦写的VueJs应用经过打包后在自己本地搭建的服务器上测试没有什么问题，但真正放在服务器上后，会发现或多或少的问题，比如：页面出现空白现象，获取资源路径不对等，我相信以VueJs为技术栈来进行前端开发的小伙伴或多或少都会遇到这样的问题，我也遇到过，那现在我们就来一一解决这样的问题。 如何打包 基于Vue-Cli,通过npm run bu...
前言最近做完了一个项目，Vue.js 2.0 + vuex + axios，还是有点大的。想着做了这么久，放服务器给朋友们体验一下，帮忙找找BUG，于是就有了研究服务器这一篇文章了。 准备工作 服务器 既然是部署到服务器，肯定是需要一个云的。我这里找基友拿的一个，做测试的话，可以买阿里云的学生机，9.9 一个月，不过不是学生的话就比较麻烦，因为涉及敏感操作都需要验证码。 编译打包 将项目打包成 dist 文件，这里我需要跨域请求一些数据，还...
直接打开html文件，是以file:///方式打开的，这种方式很多时候会遇到跨域的问题，因此我们一般会搭建一个简易的本地服务器，来运行测试页面。 一、构建静态服务器 1、使用express模块 建立个js文件，命名server，内容代码如下： var express = require(express); var app = express(); var path = require(path);//指定静态资源访问目录 app.use(express.static(require(path).join(__dirname, public))); // app.use(express.stat...