Vue使用新建vue.config.js配置proxy后无法识别代理

近期在写项目时遇到了常见的跨域问题,打算使用反向代理的方式解决,尝试了网上很多方法都没有配置成功,始终无法识别代理。最终自己摸索出了解决方法。

解决方法

  1. 修改config/index.js文件中proxyTable:{}项。
    Target为目标地址
    ‘/api’可替换为其他,需要保持一致

  1. 修改config/dev.env.js文件中在NODE_ENV:’”development”’,后添加BASE_API: ‘”/api”’ ,这里注意与上一步保持一致
    在这里插入图片描述
  2. 配置请求的根路径,修改src/main.js文件,axios.defaults.baseURL = process.env.BASE_API;
    在这里插入图片描述
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章