如何配置devServer

本文介绍了devServer的基本概念,以及在Vue项目中解决跨域问题的应用。通过配置代理,实现请求路径的替换和调整,帮助前端工程师顺利对接后端接口。
摘要由CSDN通过智能技术生成
1. devServer简单介绍
  • 最简单的理解,就是前端工程师需要进行请求后端提供的接口时,对我们的请求进行拦截和处理的一个中间件
  • 基本应用
    • 请求后端放置跨域请求错误
    • 修改请求的路径
2.应用
  • 场景

加入我们在请求中写的地址是"http://192.168.1.14:8888/user/list",但是我们前端本地起的dev是"http://172.13.12.33:8080",如果此时后端没有开启跨域允许的话,就会出现跨域错误,下面介绍解决方案

  • 前提: 如果是用axios,不要设置baseURL;否则代理失败!!!
  • 解决方案(进阶三步曲)
    A: 最简单的就是直接替换请求地址(xxx.config.js)
module.exports = {
   
    // 这个字段进行修改
	devServer:{
   
	
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值