如何通过nginx代理配置解决vue项目前后端交互的跨域问题？

本文共计1305个文字，预计阅读时间需要6分钟。

目录 + Vue前后端交互的跨域问题、nginx代理配置

1.安装axios

2.解决跨域问题

3.前后端分离项目的跨域问题及解决

4.跨域简述及解决方法

5.Vue前后端交互的跨域问题、nginx代理配置

目录

• vue前后端交互的跨域问题、nginx代理配置
• 1.安装axios
• 2.解决跨域问题
• 前后端分离项目的跨域问题及解决
• 跨域简述
• 解决办法

vue前后端交互的跨域问题、nginx代理配置

最近新接了一个项目，需要自己写一个小demo和后端联调，第一次用自己写的demo和后端联调，出现了问题。

问题：

Access to XMLHttpRequest at ‘192.168.0.78:8080’ from origin ‘192.168.0.79:2022’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

vue向后端发送请求时时，被浏览器CORS阻止。