前端 - vue3 请求PHP后端，返回的是后端源代码，是什么问题？

Question

用的vite运行vue，后端我开了环境软件，wampserver 是不是因为后端的PHP文件没有被解析？？？所以返回的是php的源代码？？？我先用的axios请求，结果是这样，后来换了XMLHttp请求还是这样，刚学vue3，卡在这了，百度了好久没找到答案，求大佬解答

Answer 1

你需要把PHP作为程序启动，而不是直接使用nginx访问静态资源。

搜索一下nginx与php-fpm吧。

Answer 2

这个问题可能出现的原因是PHP后端没有被正确地解析。当请求PHP后端时，如果服务器没有正确配置或处理PHP文件，那么返回的可能是PHP源代码，而不是经过解析的输出。

以下是一些可能的解决方案：

1. 检查PHP服务器配置：确认你的PHP服务器（如Apache，Nginx等）已经正确地配置并运行。它是否能够正确处理和解析PHP文件？
2. 检查PHP版本：确认你的PHP版本是否与你的Vue和Axios或XMLHttpRequest库兼容。
3. 检查路由：你在前端发送请求的URL是否正确？这个URL是否映射到正确的PHP文件或路由？
4. 检查CORS：如果你的前端和后端不在同一域，你可能会遇到CORS（跨源资源共享）问题。这可能导致请求返回源代码，而不是解析后的内容。你可以尝试在后端服务器上设置CORS头来解决这个问题。
5. 使用正确的HTTP头：如果你希望返回的是PHP解析后的结果，而不是源代码，你需要在PHP文件中设置适当的HTTP头。例如，设置Content-Type为text/html，而不是text/plain或application/x-php。
6. 检查你的请求代码：你的前端请求代码是否正确？你是否设置了正确的请求头和请求体？

这只是一些可能的解决方案，具体情况可能需要更多的信息和调试来确定具体的问题。如果你能提供更多的细节，例如你的请求代码、后端配置、PHP文件内容等，我可能能提供更具体的帮助。