基础知识
Ajax
同源策略
vue 相关知识
vue-cli 相关知识
node.js npm Express框架
了解即可,相关代码附有说明
配置代理服务器
目的
解决:浏览器基于Ajax技术向服务端发送请求时
由于 同源策略 的限制导致无法显示响应内容的问题
思路
由于,同源策略的限制范围是:浏览器基于Ajax技术向服务发送请求,
对服务器之间的通信没有限制。
因此,设置一个与客户端同源的代理服务器进行请求的转发进而实现Ajax请求跨域的需求
实践步骤
1. 配置vue.config.js
2. 代码
服务端(node.js Express框架)
客户端(浏览器)
总结
vue.config.js
pathRewrite 必须配置 否则极易出现 404 问题