Access to XMLHttpRequest at ‘http://139.224.234.178:11260/user/login‘ from origin ‘http://localhost:

vue+flask前后端分离

跨域问题

解决办法：

vue 中：

main.js中 添加

axios.defaults.baseURL = 'http://localhost:11260'

创建vue.config.js

module.exports = {devServer: {proxy: {'/': {target: 'http://139.224.234.178:11260/',changeOrigin: true,pathRewrite: {'^/': '/'}}}},publicPath: process.env.NODE.ENV === 'production'? '/shop_flask/': '/'
}

   flask

manager.py中加入

# 跨域设置
@app.after_request
def cors(resp):resp.headers.add('Access-Control-Allow-Origin','*')resp.headers.add('Access-Control-Allow-Headers','*')resp.headers.add('Access-Control-Allow-Methods','GET,PUT,POST,DELETE')return resp