在后端没有开启cors的情况下,浏览器的同源策略会直接限制后端返回的数据给到前端。这是因为我们目前所有的项目都是前后分离,前端一个服务, 后端一个服务,后端不开cors只能前端自己想办法
如何解决:
vue-cli代理解决跨域问题。
在vue.config.js
配置文件中,有一项是devServer,
module.exports = {
devServer: {
// ... 省略
// 代理配置, 注意:proxy的字母p是小写(提示的首字母是大写的 不要使用)
proxy: {
// 如果请求地址以/api打头,就出触发代理机制
// http://localhost:9588/api/login -> http://线上的地址/api/login
'/api': {
target: 'http://线上的地址' // 我们要代理的真实接口地址
}
}
}
// before: require('./mock/mock-server.js')
}
}
最后:配置完 一定!一定!一定!要重启项目