1.用vscode打开pro_front文件夹
    2.在文件夹config目录下找到proxy.js
    image.png
    3.默认proxy.js中的配置如下图所示
    image.png
    4.整个文件替换成以下代码

    1. export default {
    2.   dev: {
    3.     '/api/': {
    4.       target: 'http://localhost:8080',
    5.       changeOrigin: true,
    6.       pathRewrite: { '^/api': '' },
    7.     },
    8.     '/profile/avatar/' : {
    9.       target: 'http://localhost:8080',
    10.       changeOrigin: true,
    11.     }
    12.   },
    13.   test: {
    14.     '/api/': {
    15.       target: 'http://localhost:8080',
    16.       changeOrigin: true,
    17.       pathRewrite: { '^': '' },
    18.     },
    19.   },
    20.   pre: {
    21.     '/api/': {
    22.       target: 'your pre url',
    23.       changeOrigin: true,
    24.       pathRewrite: { '^': '' },
    25.     },
    26.   },
    27. };

    5.这里配置的主要作用是代理前台的网络请求可以解决跨域的问题，即在开发环境的情况下，前台请求
    /api/login,实际上请求的是后台的http://localhost:8080/login,及上一节中所讲的后台登录地址。(具体端口号以个人实际后台配置的端口号为准，此处为8080)