路由换为服务器ip后，可以访问首页，但访问景点详情页报错504
来源：10-1 Vue项目的联调测试上线 - 项目前后端联调
hfou
2020-06-27
1. 问题描述：
路由的target换为服务器ip后，可以访问首页，但访问景点详情页/城市选择页，会报错504
能够访问首页 http://localhost:8080/#/ ：
无法访问景点详情页，比如点击“湖广会馆”，http://localhost:8080/#/detail/0001 ：
2. 代理配置
如下：
// 真实数据，服务器
proxyTable: {
'/api': {
target: '188.131.215.xxx:80', // xxx为马赛克
// 如果api映射为 服务器/api路径就不必写下面这部分
pathRewrite: {
'^/api': '/Travel_api/api' // 替换路径为/var/www/html/Travel_api/api
}
}
},
并且能够通过 188.131.215.xxx/api/文件名 来访问各个json文件
3. 我的推测
我推测是否是因为下面的设置导致的：
host: 'localhost'
port: 8080,
- 能正常显示首页数据是因为从本地localhost:8080发出请求，服务器80端口返回数据。
- 不能正常显示景点详情页，是因为这一次请求还是从localhost:8080（服务器的8080）发出请求，服务器的80返回数据，然而服务器的8080并不能发出请求，我并没有对服务器进行这样的配置。
请问：我的推测是否正确？应该如何修改才能正常访问景点详情页呢？
写回答
2回答
-
Dell
2020-07-04
上线你上的是不是build之后的代码，build之后代码是没有proxy的，这个时候你要改一下线上服务器的json位置，与路径真实匹配。
00 -
hfou
提问者
2020-06-27
修改一点描述：“并且能够通过 188.131.215.xxx/Travel_api/api/文件名 来访问各个json文件”
00
相似问题