跨域:违背了同源策略,请求可以发出去,数据返回到浏览器,被浏览器控制
同源策略:规定协议名,主机名,端口号必须一致
http://localhost:8080/ http为协议名,localhost为主机名,8080为端口号
配置代理服务器
代理服务器,与前端所处位置一样,协议名,主机名,端口号一致
借助vue-cli配置代理服务器:
方式一:
在vue.config.js文件中配置,将任何未知请求 (没有匹配到静态文件的请求) 代理到http://localhost:4000
module.exports = {
// 开启代理服务器(方式一),配置简单,但不能配置多个代理,不能灵活控制走不走代理
devServer: {
proxy: 'http://localhost:5000'
}
}
方式二:</

本文介绍了在Vue开发环境中遇到的Ajax跨域问题及其解决方案。由于浏览器的同源策略限制,请求需要通过配置代理服务器来解决。文章详细讲解了如何使用vue-cli配置代理服务器,包括两种方式:一种是在文件中设置所有未知请求代理,另一种是配置多个代理并添加前缀以控制是否走代理。
最低0.47元/天 解锁文章
547

被折叠的 条评论
为什么被折叠?



