实现前后端交互采用代理方式:
在vue.config.js 也就是项目的配置文件下添加代理代码段
![](https://img.haomeiwen.com/i15034020/b73bcb5c48227c81.png)
修改基本访问路径process.env.VUE_APP_API为“/api” .env文件
![](https://img.haomeiwen.com/i15034020/8b130139f313f342.png)
![](https://img.haomeiwen.com/i15034020/0260cf57047e5628.png)
在页面使用请求:
![](https://img.haomeiwen.com/i15034020/ecf356ea6d19a059.png)
注意:(1)在
![](https://img.haomeiwen.com/i15034020/b73bcb5c48227c81.png)
中,如果是“/api/”,则target写成“http://172.23.23.59:8083/”,注意斜杠的对应,相应的网络公用请求地址也应写为“/api/”
(2)axios.get({}) or post 要注意统一后台方法,在这里没有统一,遇到了403报错
(3)修改配置文件后一定要重启项目
网友评论