Vue-cli 配置代理服务器

基础知识

Ajax

同源策略

vue 相关知识

vue-cli 相关知识

node.js  npm Express框架

了解即可，相关代码附有说明

配置代理服务器

目的

解决：浏览器基于Ajax技术向服务端发送请求时

由于 同源策略 的限制导致无法显示响应内容的问题

思路

由于，同源策略的限制范围是：浏览器基于Ajax技术向服务发送请求，

对服务器之间的通信没有限制。

因此，设置一个与客户端同源的代理服务器进行请求的转发进而实现Ajax请求跨域的需求

实践步骤

1. 配置vue.config.js


2. 代码

服务端（node.js Express框架）


客户端（浏览器）


总结

vue.config.js

pathRewrite 必须配置 否则极易出现 404 问题

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
禁止转载，如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容