前台网络请求相关配置调整

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

export default {
  dev: {
    '/api/': {
      target: 'http://localhost:8080',
      changeOrigin: true,
      pathRewrite: { '^/api': '' },
    },
    '/profile/avatar/' : {
      target: 'http://localhost:8080',
      changeOrigin: true,
    }
  },
  test: {
    '/api/': {
      target: 'http://localhost:8080',
      changeOrigin: true,
      pathRewrite: { '^': '' },
    },
  },
  pre: {
    '/api/': {
      target: 'your pre url',
      changeOrigin: true,
      pathRewrite: { '^': '' },
    },
  },
};

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

l_dragon

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值