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;
    在這裏插入圖片描述
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章