element-ui + vue + node.js 与服务器 Python 应用的跨域问题

来源：cnblogs　　作者：binger0712　　时间：2019/1/30 9:25:34　　对本文有异议

跨越问题解决的两种办法：

1. 在 config => index.js 中配置 proxyTable 代理：

    proxyTable: {
      '/charts': {
        target: 'http://localhost:5001',
        changeOrigin: true,
        pathRewrite: {
          '^/charts':'/charts'
        }
      }
    }

说明： /charts：以其开头的所有路径请求转发，.changeOrigin 参数为true：本地会虚拟一个服务器接收请求，并转发该请求

2. 在 config => dev.env.js 中配置BASE_API，由后端应用解决

module.exports = {
  NODE_ENV: '"development"',
  ENV_CONFIG: '"dev"',
  BASE_API: '"http://localhost:5001"'
}

在Python应用中处理跨域问题：

方法1：使用 flask_cors

from flask_cors import CORS  # 解决跨域问题
from flask import Flask
app = Flask(__name__)
app.config.from_object(base_conf.config["development'])
CORS(app, supports_credentials=True)

方法2：对请求头部添加信息

@app.after_request
def af_request(resp):     
    """
    #请求钩子，在所有的请求发生后执行，加入headers。
    :param resp:
    :return:
    """
    resp = make_response(resp)
    resp.headers['Access-Control-Allow-Origin'] = '*'
    resp.headers['Access-Control-Allow-Methods'] = 'GET,POST'
    resp.headers['Access-Control-Allow-Headers'] = 'x-requested-with,content-type'
    return resp