IT 跨域：足迹第 四十一步：什么是代理（如何使用正向代理和反向代理）

1.什么是跨域

跨域是对JavaScript跨域名访问，实施的一种限制。是指JS只能访问与JS同一个域名、端口下的资源；

2.跨域问题一般有两种解决思路：

2. 1.正向代理：“一台代理服务器"代替了"客户端”，去和"目标服务器"进行交互；

用途：隐藏客户端真实IP，突破限制访问外国网站。

2. 2.反向代理：“一台代理服务器"代替了"目标服务器”，去和"客户端"进行交互；

用途：隐藏服务器真实IP，提供负载平衡，即指向后端的多台服务器中空闲的一台；

3.nginx可以实现反向代理；

3.1springBoot项目的pom里内置了tomcat服务器；

3.2我遇到过一个项目，利用nginx将7种端口下的后台服务放在了1种端口下；避免了跨域的大坑；

3.3nginx服务器是跑静态页面的服务器，tomcat是跑动态页面的服务器；

4.vue配置实例

4.1开发和生成环境不一样

4.2prod.env.js

'use strict'
module.exports = {
  NODE_ENV: '"production"',
  BASE_API: '"http://1.xx.191.xxx:8081/"'
};

4.3dev.env.js

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  BASE_API: '"http://1.xx.191.xxx:8081/"'
});