解决Vue开发环境 Ajax 跨域问题

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

跨域:违背了同源策略,请求可以发出去,数据返回到浏览器,被浏览器控制

同源策略:规定协议名,主机名,端口号必须一致

http://localhost:8080/ http为协议名,localhost为主机名,8080为端口号

配置代理服务器

代理服务器,与前端所处位置一样,协议名,主机名,端口号一致

借助vue-cli配置代理服务器

方式一:

vue.config.js文件中配置,将任何未知请求 (没有匹配到静态文件的请求) 代理到http://localhost:4000

module.exports = {
   
    // 开启代理服务器(方式一),配置简单,但不能配置多个代理,不能灵活控制走不走代理
    devServer: {
   
      proxy: 'ht
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值