最近,换了下服务器,用vue开发的项目,前后端分离的,部署后发现这样的问题:
所有访问api的url返回的都是404,该项目前端包括3个部分,pc端、h5端以及小程序,他们都是访问同一个接口地址。小程序是没有问题,说明接口服务不存在问题。
目前出现问题的是pc端和h5端。
说下我的服务器环境吧:
1、tomcat8,(提供接口服务的)
2、Apache2.4.43
该项目用到的环境就这2个,当然mysql数据库就不多说了。
后来经过一系列的排查,是apache设置的缘故。需要在前端站点的【配置文件】下加下以下代码:
ProxyPass /api http://www.xxx.cn
另外,在看下我的proxyTable配置吧proxyTable: {
'/api/*': {
target: 'https://www.xxx.cn',
changeOrigin: true,
pathRewrite: {
'/api': ''
}
}
},
其实在我们之前的文章也讲过这个配置了,只是后来忘记了:Apache服务器配置跨域:通过设置反向代理进行跨域
对于proxyTable设置不明白的,还可以看下本站的这篇文章:vue跨域proxyTable配置详解