vue2.x跨域处理（vue.config.js不起作用）

问题

刚刚入门vue，想实现vue页面请求后端验证码图片和登录功能。

后端提供接口，前端发送请求，似乎很简单的一个请求就可以解决，刚开始这不很简单么，但是，写完后发现我草率了。我前端的端口是8088，服务端的端口是2020，F12查看，发现获取验证码的请求怎么都是8088，故而页面显示空白。

度娘发现需要在前端做一个代理转发，那就按照度娘的结果一步步来吧。

这里已经安装axios。

① 建立一个vue.config.js 文件，如图位置

教程说参考vue官网文档：参考官网地址

有两种方法，先试试简单的吧。
vue.config.js文件写入以下内容

module.exports = {
   
  devServer: {
   
    proxy: 'http://localhost:2020'
  }
}

// 这种无效

login.vue文件

<template>
  <div>
    <el-form ref="loginFrom" :model="addAndEditFormData" :rules="addAndEditRules" class="form">
      <h3 class="loginTitle">宿舍管理系统</h3>
      <el-form-item prop="account" label="账  号：">
        <el-input clearable v-model="addAndEditFormData.account" placeholder="请输入账号" style="width: 80%"></el-input>
      </el-form-item>
      <el-form-item prop="password" label="密  码：">
        <el