vue-cli脚手架进行前后端分离开发,但是上线需要两个包合在一起,axios请求出现路径错误的问题

新手上路,请多包涵

各位大佬好,这边算是第一次使用vue-cli脚手架进行前后端分离开发,后端使用的是java,前端这边使用vue-cli3全家桶+axios进行构建,因为vue-cli3的方便,可以轻松的进行跨域联调。


由于项目存在自己的根路径名称,所以在axios中进行设置

文件:main.js
设置:axios.default.baseURL = 'taskmng/'
项目中axios的请求: this.axios.post('doc/.....')
这种情况下,前段的开发环境的请求问题得到了解决


但是在开发结束以后,遇到一个很烦人的问题:使用yarn run build打包以后,将打包完成的dist文件放入到后端项目的webapp根目录下面以后,axios 的请求出现了比较严重的路径缺失问题
在项目启动以后,通过后台接口进行跳转到dist文件夹下面的静态入口文件,浏览器中监听的请求真确情况下应该是http://1.1.1.1/taskmng/doc.... , 但是请求的完整路径却变成了http://1.1.1.1/taskmng/dist/t...


一直没有找到问题所在,所以请各位过路的大神帮线下原因,这边有问题的话我会贴上代码### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

阅读 951
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题