打包部署到Tomcat服务器时请求不到json文件

Question

1.在Eclipse项目中创建了一个动态web项目“Travel”，对应的json文件放在了api下，服务器对应端口号为80
2.按照老师的教程将api的映射改为如下图

3.vue项目运行npm run dev，界面可以正常显示

4.打包完成后，将dist中的文件放在Tomcat服务器的根目录下

5.进入http://localhost/Travel/#/后无法获取到json文件，界面如下

请问下这个错误是怎么回事？

Answer 1

Dell 2020-05-31 14:09:46

因为上了线，proxy 是不生效的

• 提问者 骑猪的勇者 #1

  前端联调后端数据时会使用api的映射地址，但是打包放到服务器后就不会使用这个api映射了，而是直接当做api文件目录
  可以这样理解吗？这种情况有什么好的解决办法吗？

• 提问者 骑猪的勇者 #2

  我现在使用的解决方法是，手动逐个修改axios引用的文件链接

• Dell 回复 提问者 骑猪的勇者 #3

  你理解是对的，webpack的api 映射功能只在本地开发游泳，上线就没有webpack了，你现在想这么用，也只能噶遍axios的地址了。

Answer 2

提问者 骑猪的勇者 2020-05-29 21:18:32

就搞不懂为什么在前端测试数据的时候可以正常显示，部署到服务器上就不行了

• weixin_慕侠6588211 #1

  你好,请问一下你是怎么修改axios路径的,我部署上去也请求不到数据