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