情景: 前后端分离,本地前端开发调用接口会有跨域问题,一般有以下3种解决方法: 1. 后端接口打包到本地运行(缺点:每次后端更新都要去测试服下一个更新包,还要在本地搭建java运行环境,麻烦) 2. CORS跨域:后端接口在返回的时候,在header中加入'Access-Control-Allow-origin':* 之类的(有的时候后端不方便这样处理,前端就蛋疼了) 3. 用nodejs搭建本地http服务器,并且判断访问接口URL时进行转发,完美解决本地开发时候的跨域问题. 用到的技术: 1

1.起因 编写的项目是一个偏向于后台管理的web系统,使用了angular框架,在绑定数据的时候就依赖于后台的接口格式. 以前是后台写好接口后,我在绑定,在这之前一些逻辑是没法做的,有时候后台接口给的慢,就要绑定假数据写死在js里面, 感觉非常被动,后台接口.服务器出个错什么的,我的进度就要被拖延,返回的格式不友好,或者返回的格式和传递的格式不一样的时候,我还要转格式. 人家拍拍屁股说接口写好了,回家休息,我就要加班来写代码. 2.解决思路 返回格式和接受格式,已表单提交为例 <input ng

前言 问题一:我们在App内嵌H5开发的过程中,肯定会遇到一个问题就是我不想在chrome的控制台中调试也不想在模拟器中调试,我想要在真机上调试,那么如何解决这个问题呢? 问题二:我们期待调试时达到的效果就是和Charles学习(二)之使用Map local代理本地静态资源在Mac上调试移动端中实现的效果相同,也就是说代码更改手机端页面实时更新,这个问题如何解决? 方案 问题一解决方案:使用真机,需要一台iPhone和一台Android,在真机上安装测试包 问题二解决方案: 配置移动端代理 | 

前言 问题一:我们在App内嵌H5开发的过程中,肯定会遇到一个问题就是我不想在chrome的控制台中调试,我想要在手机上调试,那么如何解决这个问题呢? 问题二:我们期待调试时达到的效果就是和Charles学习(二)之使用Map local代理本地静态资源在Mac上调试移动端中实现的效果相同,也就是说代码更改页面实时更新,这个问题如何解决呢? 方案 问题一解决方案:使用模拟器 问题二解决方案: 配置网页代理 | 使用Map local代理本地静态资源 使用模拟器 一.安装 通过xcode安装模拟器

前言 我们在开发的过程肯定是一边写代码,一边查看自己的代码写的是否存在问题,那么问题来了,有两种情况 情况一:我们可以本地起服务,那么我们就可以在本地检查自己的代码,查看运行结果 情况二:本地无法起服务,那么我们怎么办?难道要改一点就要上预发? 方案 情况二方案:配置移动端代理 | 使用Map local代理本地静态资源,也就是html.css.js.img还有json 配置网页代理 详情见Charles学习(一)之macOS Charles 4.x版本的安装.激活.使用以及软件功能了解 Map

dockerNginx代理本地目录 ssl_certificate cert/5900588_test.zk.limengkai.work.pem; ssl_certificate_key cert/5900588_test.zk.limengkai.work.key; docker run -tdi --rm -v /containers/nginx:/etc/nginx -v /amydata:/amydata -v /usr/share/zoneinfo/Asia/Shanghai:/et

前后端分离项目中,会遇到跨域问题.解决方法无非就是jsonp cors等. 本次项目前端不搭node服务,线上用nginx搭站点,nginx转发ajax请求server. 本地开发环境的跨域问题用node做代理转发请求server(完美解决开发环境下请求server的跨域问题). node代码如下 方法一:request包 "use strict"; const express = require('express'); const path = require('path'); co

一.已经安装nodejs的电脑,有一个方便通过http访问本地文件夹.文件夹服务器 static files over HTTP,并不是我们平常说的node那个web服务器哦 二.好处 可以方便实现跨域和防止跨域(google表现的同源策略)等 三.参考网址 官方网址:https://www.npmjs.com/package/http-server 栈溢出: https://stackoverflow.com/questions/16333790/node-js-quick-file-serv

    0.前言 nc是一个在网络连接两端的好工具,同时也是也个临时的端口转发的好工具.(永久的端口转发用什么?用iptables) ssh也是这方面的好工具,好处是加密可靠可复用在一端操作即可,代价是要有登录帐号. 我们知道,SSH 会自动加密和解密所有 SSH 客户端与服务端之间的网络数据.但是,SSH 还同时提供了一个非常有用的功能,这就是端口转发.它能够将其他 TCP 端口的网络数据通过 SSH 链接来转发,并且自动提供了相应的加密及解密服务. 1.隧道带理 典型应用:翻越中国高墙 需要

Express为:4.13.1  multyparty: 4.1.2 代码主要实现本地图片上传到nodejs服务器的文件下,通过取图片路径进行图片预览 写在前面:计划实现图片上传预览功能,但是本地图片上传所获得路径为 C:\fakepath\"+文件名的形式,得不到文件真实路径,所以无法直接预览,于是采用将图片上传至服务器,传回服务器路径,实现预览.前端采用通过ajax方式上传文件,使用FormData进行ajax请求  ,nodejs端采用multiparty模块 相关查看文档: 通过Ajax

前端开发中:很多场景需要在局域网下的其他手机或设备查看网页, 问题来了, web服务部署在本机的某个端口上(8080),只能通过本机浏览器访问,  怎样能让局域网下的其他设备也访问呢?可能你会说 关闭防火墙/配置IIS/使用fiddler代理等等.虽然都可以, 但是却不满足我的需求. 需求:mac windows linux平台适用 最好简单,快捷, 一键配置等等 支持文件替换, 文件夹替换等等 Nproxy: 是一个npm包, 他能够代理你的网络服务到内网中, 只需要一个命令 nproxy c

本文转载自:http://www.cnblogs.com/shawn-xie/archive/2013/06/06/3121173.html 由于不做php相关的东西,懒得装apache,干脆利用nodejs搭建一个本地的服务器用于测试. nodejs这玩意儿吧,对做前端的介入后端简直就是一把利器.而且目前,nodejs也越来越有商用价值. nodejs其实是非常底层的,从功能上说,它既是apache也是php.像搭建http服务器这种功能,本来是apache已经封装好的,但nodejs需要我们

环境: 本地外网ip:123.58.251.166 .配置index.html网页 [root@host---- conf.d]# cat /web/sing/index.html <h1>www.test1.com</h1> [root@host---- conf.d]# cat /root/html/index.html <h1>www.test2.com</h1> .配置conf.d目录下配置文件 [root@host---- conf.d]# pwd

环境: 本地外网ip:123.58.251.166 .配置index.html网页 [root@host---- conf.d]# cat /web/sing/index.html <h1>www.test1.com</h1> [root@host---- conf.d]# cat /root/html/index.html <h1>www.test2.com</h1> .配置conf.d目录下配置文件 [root@host---- conf.d]# pwd

环境: 本地外网ip:123.58.251.166 .配置index.html网页 [root@host---- conf.d]# cat /web/sing/index.html <h1>www.test1.com</h1> .配置conf.d目录下配置文件 [root@host---- conf.d]# pwd /etc/nginx/conf.d [root@host---- conf.d]# ls test1.conf test2.conf test3.conf [root@

环境: 本地外网ip:123.58.251.166 .配置index.html网页 [root@host---- conf.d]# cat /web/sing/index.html <h1>www.test1.com</h1> .配置conf.d目录下配置文件 [root@host---- conf.d]# pwd /etc/nginx/conf.d [root@host---- conf.d]# ls test1.conf test2.conf test3.conf [root@

直接打开html文件,是以file:///方式打开的,这种方式很多时候会遇到跨域的问题,因此我们一般会搭建一个简易的本地服务器,来运行测试页面. 一.构建静态服务器 1.使用express模块 建立个js文件,命名server,内容代码如下: var express = require('express'); var app = express(); var path = require('path'); //指定静态资源访问目录 app.use(express.static(require('

1. http-server 参看 https://www.npmjs.com/package/http-server 使用http-server搭建本地静态服务器 全局安装http-server npm install http-server -g 打开文件目录,执行 http-server 执行成功的话,就可以访问 http://localhost:8080  或者访问 http://127.0.0.1:8080 如果需要更换端口号执行下面的命令 http-server -a 0.0.0.0

在搭建web服务器之前,需要先安装node.js 安装后node.js,接下来就需要安装http的镜像文件 一:本机安装软件 下载最新的NodeJs,进行安装.一直点击下一步就可以了.然后就可以查看安装的node的版本,命令行是 node -v 二:安装http-server,使用npm进行安装.npm是 node  package manager的简称,在mac上能够通过这个工具下载安装各种其他的包(工具)        执行命令 : npm install http-server -g 一般

安装环境: win10 nginx-1.17.2 步骤: 一.打开nginx.conf 路径:\nginx-1.17.2\conf\nginx.conf 二.编辑 配置跨域以及代理文件夹路径 三.启动nginx 在nginx文件夹路径下启动cmd(查看nginx版本:nginx -v) 四.验证 浏览器输入localhost验证即可 五.问题 1.如果在修改nginx.conf前,已经启动了nginx的话,在修改完成后需要重新读取一下配置,并重启服务. 重新读取文件:nginx -s reloa

准备工作: 安装Node JS: 1:安装全局express:在express4.x版本中,安装时语句变为了这样: npm install -g express-generator 2:创建项目: 选择模板:ejs jade express name -ejs cd name npm install 3:启动项目: npm start 备注:node路由设置 1:添加一条路由步骤:    1:请求路由文件,require    2:配置路由-- app.use('url', 请求的路由文件)