跨域问题

实现前后端交互采用代理方式:

在vue.config.js 也就是项目的配置文件下添加代理代码段

跨域问题_第1张图片

修改基本访问路径process.env.VUE_APP_API为“/api”    .env文件



跨域问题_第2张图片

在页面使用请求:


注意:(1)在


跨域问题_第3张图片

中,如果是“/api/”,则target写成“http://172.23.23.59:8083/”,注意斜杠的对应,相应的网络公用请求地址也应写为“/api/”

(2)axios.get({}) or post 要注意统一后台方法,在这里没有统一,遇到了403报错

(3)修改配置文件后一定要重启项目

你可能感兴趣的:(跨域问题)