proxyTable中pathWrrite的使用 proxyTable: { '/iclient': { target: 'http://xxx.xx.com/iclient/xx/xx', changeOrigin: true, pathRewrite: { '^/iclient': '' } } 用代理, 首先你得有一个标识, 告诉他你这个连接要用代理. 不然的话, 可能你的 html, css, js这些静态资源都跑去代理. 所以我们只要接口用代理, 静态文件用本地. '/iclient'…

开发环境:     前端:webpack + vue + vue-resource,基于如下模板创建的开发环境: https://github.com/vuejs-templates/webpack      后端:java, tomcat 问题:     前端开发人员在使用webpack + vue的开发环境调试时,发现在所有需要调用后端接口的地方就很麻烦,目前处理如下:     1. 将每个接口的返回值放在一个json文件中,这些json文件统一放到static目录下     2. 开发的时…

方法1.后台更改header header('Access-Control-Allow-Origin:*');//允许所有来源访问 header('Access-Control-Allow-Method:POST,GET');//允许访问的方式 方法2.使用JQuery提供的jsonp methods: { getData () { var self = this $.ajax({ url: 'http://f.apiplus.cn/bj11x5.json', type: 'GET', data…

vue-config-index.js中,proxyTable中的pathRewrite有什么用呢? 首先,在ProxyTable模块中设置了‘/api’,target中设置服务器地址,也就是接口的开头那段地址,例如‘172.0.0.1’,然后我们在调用接口的时候,就可以全局使用‘/api’,这时候‘/api’的作用就相当于‘172.0.0.1’,比如接口的地址是‘172.0.0.1/user/info’,我们就可以使用‘/api/user/info’ 那pathRewrite是用来干嘛的呢,这…

最近经常遇到跨域的问题,有时候问题虽然解决了,但是还是会有些模棱两可概念不清,于是在网上看了一些教程结合实际使用,做个笔记. 1.跨域原因 浏览器的限制 跨域(协议/域名/端口的不同) XMLHttpRequest请求 2.解决方案 1) 浏览器禁止检查(适用于本地写demo调试) 2) 后端代码设置请求参数,允许跨域 3) 前端不发送XMLHttpRequest请求(如使用JSONP) 4) 前端使用代理转发的形式 本篇主要介绍如何使用nginx和proxyTable代理的方式解决前端跨域问题…

一,HTML/5 1,浏览器渲染过程 主流浏览器渲染过程叫法有区别,但是主要流程还是相同的.Gecko 将视觉格式化元素组成的树称为“框架树”.每个元素都是一个框架.WebKit 使用的术语是“呈现树”,它由“呈现对象”组成.对于元素的放置,WebKit 使用的术语是“布局”,而 Gecko 称之为“重排”.对于连接 DOM 节点和可视化信息从而创建呈现树的过程,WebKit 使用的术语是“附加”. 所以可以分析出基本过程: HTML解析出DOM Tree CSS解析出Style Rules 将…

目录结构: ├── README.md ├── build │ ├── build.js │ ├── check-versions.js │ ├── dev-client.js │ ├── dev-server.js │ ├── utils.js │ ├── webpack.base.conf.js │ ├── webpack.dev.conf.js │ └── webpack.prod.conf.js ├── config │ ├── dev.env.js │ ├── index.js │ └…

由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西,开发过程中需要改动到build和config里面一些相关的配置,所以刚好趁此机会将所有配置文件看一遍,理一理思路,也便于以后修改配置的时候不会"太折腾". 一.文件结构 本文主要分析开发(dev)和构建(build)两个过程涉及到的文件,故下面文件结构仅列出相应的内容. ├─build │ ├─build.js │ ├─check-versions.js │ ├─dev-client.js │ ├─dev-ser…

上次给大家分享的是用vue-cli快速搭建vue项目,虽然很省时间和精力,但想要真正搞明白,我们还需要对其原理一探究竟. 大家拿到一个项目,要快速上手,正确的思路是这样的: 首先,如果在项目有readme.md的情况下,大家要先读readme,项目的一些基本介绍,包括项目信息.运行的脚本.采用何种框架,以及项目维护者等信息通常都会有.一般在git上维护的项目都会有readme.md,不熟悉markdown语法的同学可以先了解下markdown入门. 第二步,要看package.json.现代的前…

我们在使用vue-cli搭建vuejs项目(Vuejs实例-01使用vue-cli脚手架搭建Vue.js项目)的时候,会自动生成一系列文件,其中就包含webpack配置文件.我们现在来看下,这些配置到底是什么意思,对我们开发过程中有什么影响. 项目搭建好了, 使用Bash运行npm run dev, 然后Bash界面会打印出一些东西,之后默认浏览器就打开了一个页面.为什么会有这些动作呢?我们从package.json开始看. // package.json { ... "scripts"…