nginx部署vue项目重定向后url
时间: 2023-09-23 17:02:14 浏览: 186
nginx部署vue项目
5星 · 资源好评率100%
回答: 当使用NGINX部署Vue项目时,可以通过配置代理服务器来解决请求跨域问题。在NGINX的配置文件nginx.conf中,可以使用server块来配置代理服务器。其中,可以使用location块来指定需要重定向的URL路径。例如,可以使用location /api来将/api路径下的请求转发给真正的后端服务器。另外,为了解决在刷新页面或访问路由配置页面时出现404错误的问题,可以使用try_files指令将访问重定向到index.html页面,并交由index.html处理对应的路由跳转。具体的配置可以参考引用\[1\]和引用\[2\]中的示例代码。\[1\]\[2\]
#### 引用[.reference_title]
- *1* [VUE项目配置API服务器的两种情况 + NGINX 配置VUE项目](https://blog.csdn.net/weixin_40079913/article/details/114629378)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [nginx部署vue项目,刷新页面404](https://blog.csdn.net/qq_45029459/article/details/129014641)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [Nginx 部署 vue项目 (history模式)](https://blog.csdn.net/yorcentroll/article/details/105404259)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文