vue项目上线后 接口出现404问题

Question

由于后台给的接口存在跨域问题 所以在本地服务器中做了如下处理

但是当项目打包放进服务器中 所有接口都是404

有什么办法可以将/api 去掉啊 求大佬帮忙看下

Answer 1

配置跨域只适用于研发阶段，项目打包到服务器上时，你的配置是不起作用的，
解决方法，服务器设置反向代理 跨域可解决

Answer 2

同意楼上答案，另外补充一句，关于跨域问题尽量交给后端解决，不是有这种说法嘛“后端是服务端，服务端嘛，当然是给前端服务的，前端要啥，后端就给啥，前端怎么好处理，后端就怎么给、、、” (哈哈，逃

Answer 3

生产模式下没有proxyTable,是用于开发模式下解决跨域问题的。

可以看下这个问题下 @苍山暮色烟雨迟 的解决方案

Answer 4

服务器配反向代理

Answer 5

404不是跨域问题，你的接口写的不对

Answer 6

不需要api在写接口的时候不要写不可以？写了然后又rewrite 为空 和不写有什么区别？

Answer 7

感谢楼上的@ 虽然没@ 到 https://segmentfault.com/q/10... 这是我的解决方案。

Answer 8

完全正解，我们花了一个星期才找到这个解决问题的答案，
反向代理，虽然不是很明白为什么需要反向代理

Answer 9

赞同楼上所说，服务器配置代理即可，在vue打包后 dist 所在nginx服务器，如下配置代理，比如我的api地址是http://10.0.0.1:8080 那么我的nginx代理配置便是：

     proxy_pass http://10.0.0.1:8080/;