原因:浏览器访问遵循同源策略,同源:协议/域名:端口 要相同,当访问非同源地址就会出现跨域问题。
在vue中处理跨域的方法一般就是vue代理服务器proxy跨域。
在中进行配置
devServer: {
// 端口号
// port: 8890,
// 配置是否自动启动浏览器
open: false,
// 是否启用https
https: false,
proxy: {
// 代理
"/api": {
target: .VUE_APP_SERVE_URl, //要代理访问的路径
ws: true,
changeOrigin: true,
pathRewrite: {
"^/api": ""
}
}
}
},
更详细的介绍可以看看这个:vue跨域处理