vue中解决跨域问题

1.首先在vue项目中的config/index.js文件中添加如下配置

 proxyTable: {
      '/api': {
        // 测试环境
        target: 'http://127.0.0.1:5000/',  // 接口域名
        changeOrigin: true,  //是否跨域
        pathRewrite: {
            '^/api': ''   //需要rewrite重写的,
        }              
      }
    },

2.在mac环境中打开谷歌浏览器的跨域功能，在控制台中输入如下指令

open -a /Applications/Google\ Chrome.app --args --disable-web-security --user-data-dir

3.后端用的flask框架。在后端安装flask-Cros

from flask_cors import CORS
//
//
//
//
if __name__ == '__main__':
    CORS(app, supports_credentials=True)
    app.run()