VUE中使用PHP文件遇到的问题解决

最近项目更新需要要在腾讯云服务器上上线用以Vue为框架的前后端分离的项目，在本地测试和上线实机测试之后遇到了PHP文件请求跨域的问题，第一次一个人处理这种问题，参考了站内大佬们的文档之后解决了，现在来记录下解决的方法：

在VUE项目的根目录下放PHP文件

在引用php文件时，记得要在PHP文件的头部加入下面两行代码，第二个加不加好像都无所谓，但第一个必须写，不写的话则会报错

然后在congig/index.js里写入以下代码

module.exports = {  dev: {    //PHP    proxyTable:{      '/api':{        target:'Http://JSONplaceholder.typicode.com',        changeOrigin: true,        pathRewrite:{          '^/api':''        }      }    },}

然后在所需要的页面内调用即可 

（解决这一步问题参考的大佬的文章：(52条消息) vue中使用PHP_シロシロシロシロ的博客-CSDN博客_vue 使用php ）

使用npm run build命令打包VUE

打包之后的VUE项目上线之后，可能会因为打包后文件的问题遇到 Failed to load resource: net::ERR_FILE_NOT_FOUND这样的错误代码，需要修改VUE内的一部分文件，可以参考大佬的 (52条消息) vue打包：Failed to load resource: net::ERR_FILE_NOT_FOUND问题_Expelliarmus!的博客-CSDN博客_vue3 build err_file_not_found 文章解决（这一步我是参考大佬的这篇文章解决的）

重新使用 npm run build 命令打包VUE项目，将打包好的VUE文件中的dist文件导入到云服务器中就行

到此为止我的问题就全部解决了。

如果在本地测试的时候，遇到 Failed to load resource:net::ERR_FAILED 的问题，这个就检查本地是否在跑PHP；如果在云服务器上上线之后出现这个问题，那应该就是云服务器端的PHP环境没配置好，参考你所使用的云服务器的官方文档重新配置试试。

来源地址：https://blog.csdn.net/weixin_52926673/article/details/128763740