关于部署上线的一些问题

来源：10-4 Vue项目的联调测试上线 - 打包上线

月入三千不是梦

2019-04-11

问题是这样的：
我的前端项目是单页面应用，数据通过异步获取。
部署上线后，访问地址 http://hostname/ ，正常运行。
此时点击某个页面时，url变成http://hostname/xxx/，这时请求也是正常的，但此时刷新页面或者直接访问http://hostname/xxx就会报404错误。

我后端使用nginx代理，根目录为打包文件index.html所在的目录。
我猜测原因是这样的：
访问http://hostname/会返回index.html。
此时在页面中跳转时会被js捕获，然后异步请求数据。
但是直接访问http://hostname/xxx/时是通过nginx这层的，在对应目录找不到xxx文件夹，所以返回404错误。

所以我该怎么做才能直接访问 http://hostname/xxx/呢？

写回答

2回答