您提供的信息太少了,不过就我的开发经验来说,跨域一般都是后端没配制好。如果您使用SpringBoot框架或者整合了SpringSecurity之后,配置的方法是不一样的,推荐您再检查一下后端的配置。
不过我这里给您推荐一个解决方案,那就是给vue配置代理。
使用代理是一种简单有效的跨域方案。您可以在 Vue.js 应用程序中配置一个代理,用于转发请求到远程API的服务器。在这种情况下,API请求的URL路径将被重写为本地路径,并添加前缀 /api 或其他自定义前缀。
在Vue.js项目的根目录下,创建一个名为vue.config.js
的文件,添加如下代码:
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://remote-api.com',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
该配置将所有以 /api 开头的请求都代理到 target
设置的网站下,并从 URL 中删除 /api 前缀。
在请求头中添加一一组键值对
Access-Control-Allow-Origin:*
让后端再瞅瞅
应该是后端跨域没有设置好,请检查你的跨域配置,必要时可远程协助。